/* Website lab: the concept pages are authored HTML so they resize inside the preview. */
.study-open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.study-art{display:block;aspect-ratio:1.43;position:relative;overflow:hidden;background:#17151a;isolation:isolate;container:study / inline-size;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .48s var(--ease);box-shadow:0 20px 46px #0006}
.study-art::after{content:'';position:absolute;inset:0;z-index:5;border:1px solid #ffffff7d;opacity:0;pointer-events:none;transition:opacity .25s;box-shadow:inset 0 0 75px #ffffff14;background:radial-gradient(270px circle at var(--glow-x,50%) var(--glow-y,50%),#ffffff19,transparent 80%)}
.study-open:hover .study-art::after{opacity:1}
.case-browser{height:7.4%;min-height:26px;padding:0 2.5%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#1b171a;color:#cabfc1;font-size:clamp(.48rem,1.05cqw,.7rem);letter-spacing:.09em}
.case-dots{display:flex;gap:4px}.case-dots i{width:5px;height:5px;border:1px solid #a9a0a3;border-radius:50%}
.case-page{display:block;position:relative;height:92.6%;overflow:hidden}
.case-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translate3d(var(--image-x,0px),var(--image-y,0px),0) scale(1.01);transition:transform .85s var(--ease)}
.study-open:hover .case-photo{transform:translate3d(var(--image-x,0px),var(--image-y,0px),0) scale(1.06)}
.case-wash{position:absolute;inset:0;pointer-events:none}
.case-nav{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:3% 4.5%;font-size:clamp(.45rem,1.25cqw,.78rem);letter-spacing:.025em}
.case-nav strong{font-weight:400;font-size:clamp(1.08rem,3cqw,2rem);line-height:1;letter-spacing:-.06em}
.case-nav>span:nth-child(2){white-space:nowrap}
.case-content{position:absolute;z-index:2;left:5%;top:29%;max-width:74%;display:flex;flex-direction:column;align-items:flex-start}
.case-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:clamp(.48rem,1.1cqw,.7rem);margin-bottom:clamp(.5rem,1.6cqw,1.2rem)}
.case-headline{font-size:clamp(2rem,7cqw,5.5rem);line-height:.97;letter-spacing:-.065em;font-weight:400}
.case-headline em{font-family:Studio Serif,Georgia,serif;font-weight:400}
.case-action{display:flex;align-items:center;justify-content:space-between;gap:clamp(.8rem,3cqw,2rem);border-bottom:1px solid currentColor;padding:.45rem 0;margin-top:clamp(.7rem,2cqw,1.6rem);font-size:clamp(.52rem,1.35cqw,.9rem);letter-spacing:.02em}
.case-action b{font-size:1.15em;font-weight:400;transition:transform .3s var(--ease)}
.study-open:hover .case-action b{transform:translate(4px,-4px)}
.case-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:1rem;padding:2.4% 4.5%;font-size:clamp(.46rem,1cqw,.68rem);letter-spacing:.12em}
.morrow-art{color:#2a2520}.morrow-art .case-page{background:#ddd0bd}.morrow-art .case-photo{object-position:52% center}.morrow-art .case-wash{background:linear-gradient(90deg,#eee3d4a8 0%,#eadcc552 36%,transparent 67%)}.morrow-art .case-mark-dot{color:#8a654e}
.saha-art{color:#fff}.saha-art .case-page{background:#522d32}.saha-art .case-photo{object-position:57% center}.saha-art .case-wash{background:linear-gradient(90deg,#1c162493 0%,#2115264d 42%,transparent 80%),linear-gradient(0deg,#11121aab,transparent 30%)}
.saha-art .case-nav strong{font-family:Studio Serif,Georgia,serif;font-style:italic;font-size:clamp(1.25rem,3.5cqw,2.7rem)}.saha-art .case-nav small{font:400 clamp(.38rem,.75cqw,.58rem) Studio,Arial,sans-serif;letter-spacing:.16em;margin-left:.3em}
.saha-art .case-content{top:25%;max-width:75%}.saha-art .case-headline{font-size:clamp(1.9rem,6.4cqw,5.1rem)}
.case-booking{position:absolute;bottom:0;left:0;right:0;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:0;background:#eee8e0;color:#291f1e;align-items:center;padding:1.5% 3%;font-size:clamp(.5rem,1.1cqw,.75rem)}
.case-booking>span{border-right:1px solid #bfb5a8;padding:0 12%;white-space:nowrap}.case-booking small{display:block;letter-spacing:.13em;font-size:.76em;color:#71655e;margin-bottom:.25em}.case-booking strong{font-weight:400;letter-spacing:.06em;background:#492d2c;color:#fff;padding:.85em 1.2em;white-space:nowrap}
.atlas-art{color:#f0f7f5}.atlas-art .case-page{background:radial-gradient(circle at 76% 50%,#205a62 0%,#123338 31%,#0a1c25 68%,#08131b 100%)}
.atlas-grid{position:absolute;inset:0;background-image:linear-gradient(#a6d9d30f 1px,transparent 1px),linear-gradient(90deg,#a6d9d30f 1px,transparent 1px);background-size:7% 11%;mask-image:linear-gradient(90deg,transparent,#000)}
.atlas-symbol{color:#a1eee1}.atlas-art .case-nav strong{font-size:clamp(1.15rem,3cqw,2rem)}.atlas-nav-action{border:1px solid #b8dbd17b;padding:.55em .9em}
.atlas-art .case-content{top:27%;max-width:49%}.atlas-art .case-headline{font-size:clamp(2rem,6.9cqw,5.2rem)}.atlas-art .case-headline em{color:#9bdfd4}.case-deck{font-size:clamp(.55rem,1.25cqw,.92rem);line-height:1.4;max-width:26em;margin-top:clamp(.5rem,1.6cqw,1.1rem);color:#c0d2d1}
.atlas-art .case-action{background:#b9e9df;color:#153b3c;border:0;padding:.65em 1em}
.atlas-console{position:absolute;z-index:1;right:4%;top:25%;width:43%;height:63%;overflow:hidden;display:flex;flex-direction:column;background:#f0f6f3;color:#152a31;box-shadow:-14px 24px 46px #0008;transform:perspective(850px) rotateY(-9deg) rotateX(3deg) rotateZ(2deg);transition:transform .7s var(--ease)}
.study-open:hover .atlas-console{transform:perspective(850px) rotateY(-3deg) rotateX(0deg) rotateZ(0deg) translateY(-5px)}
.atlas-console-head,.atlas-console-label,.atlas-console-foot{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.atlas-console-head{border-bottom:1px solid #d6e0df;padding:5% 6%;font-size:clamp(.56rem,1.3cqw,.92rem)}.atlas-console-head small{color:#267e6d;font-size:.7em}.atlas-console-label{padding:6% 6% 0;font-size:clamp(.5rem,1.1cqw,.75rem)}.atlas-console-label small{font-size:.75em;color:#667f7c}
.atlas-console-value{font-size:clamp(.85rem,2.3cqw,1.6rem);letter-spacing:-.05em;line-height:1.08;padding:3% 6%}
.atlas-chart{display:flex;gap:2.5%;align-items:end;margin:4% 6% 5%;height:30%;border-bottom:1px solid #9ebcb5;background:linear-gradient(0deg,#d7eee9b6,transparent 60%)}.atlas-chart i{display:block;flex:1;height:40%;background:linear-gradient(0deg,#3a8a7c,#91d2c5)}.atlas-chart i:nth-child(3n){height:69%}.atlas-chart i:nth-child(4n){height:58%}.atlas-chart i:nth-child(5n){height:82%}.atlas-chart i:nth-child(11){height:93%}
.atlas-console-foot{border-top:1px solid #d6e0df;padding:5% 6%;margin-top:auto}.atlas-console-foot span{display:flex;flex-direction:column;gap:.3em;font-size:clamp(.45rem,1cqw,.7rem)}.atlas-console-foot small{font-size:.65em;color:#658078;letter-spacing:.1em}
.study-info{padding:1.3rem 0 2rem;border-top:1px solid #b06d84;margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}
.study-info>.study-category{font-size:.7rem;color:#c58fa0;text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1}
.study-info>.study-title{grid-column:1;font-size:clamp(1.7rem,2.5vw,2.9rem);letter-spacing:-.04em;font-weight:400;line-height:1.2;transition:color .25s}
.study-title>span{font-size:.55em;display:inline-block;vertical-align:middle;transition:transform .25s var(--ease)}
.study-open:hover .study-title{color:#e5b2c1}.study-open:hover .study-title>span{transform:translate(4px,-4px)}
.study-info>.study-summary{grid-column:2;justify-self:end;max-width:190px;font-size:.85rem;color:var(--grey);line-height:1.4}
.study-preview-column{min-width:0;align-self:center}
.study-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem;color:#c2aeb5;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase}
.study-preview-toolbar>div{display:flex;gap:.3rem}
.study-preview-toolbar button{border:1px solid #7c606d;color:#e6dadd;background:none;min-height:40px;padding:.4rem .8rem;font-size:.75rem}
.study-preview-toolbar button[aria-pressed=true]{background:#eee6e4;color:#21161d;border-color:#eee6e4}
.study-preview-toolbar button:focus-visible{outline:2px solid #e3a4b5;outline-offset:3px}
.study-dialog-art .study-art{width:100%;aspect-ratio:1.43;box-shadow:0 30px 100px #000a;transform:none!important;--image-x:0px!important;--image-y:0px!important}
.study-dialog-art.is-mobile{width:min(340px,100%);margin:auto;transition:width .45s var(--ease)}
.study-dialog-art.is-mobile .study-art{aspect-ratio:.82}
.study-highlights{margin:2rem 0 0;max-width:31rem}
.study-highlights>div{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;border-top:1px solid var(--line);padding:.8rem 0}
.study-highlights dt{color:#c893a5;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.study-highlights dd{margin:0;color:#d8ced0;font-size:.88rem;line-height:1.4}
@container study (max-width:500px){
  .case-nav>span:nth-child(2){display:none}
  .case-content{top:26%;max-width:84%}
  .case-headline{font-size:clamp(2rem,9.3cqw,3rem)}
  .case-bottom span:last-child{display:none}
  .case-booking{grid-template-columns:1fr auto;padding:3%}
  .case-booking>span{padding:0 4%}
  .case-booking>span:nth-child(2),.case-booking>span:nth-child(3){display:none}
  .saha-art .case-content{top:23%;max-width:88%}
  .saha-art .case-headline{font-size:clamp(1.85rem,8.2cqw,2.7rem)}
  .atlas-art .case-content{top:20%;max-width:90%}
  .atlas-art .case-headline{font-size:clamp(1.9rem,8.7cqw,2.8rem)}
  .atlas-art .case-deck{max-width:72%;font-size:.57rem}
  .atlas-console{top:57%;right:-3%;width:64%;height:40%}
  .atlas-console-head{padding:3% 5%}.atlas-console-label{padding:3% 5% 0}.atlas-console-value{padding:2% 5%}
  .atlas-chart{margin:2% 5%;height:23%}.atlas-console-foot{display:none}
}
@media(max-width:760px){
  .study-art{aspect-ratio:.93}
  .study-info{grid-template-columns:1fr;padding-top:1rem}
  .study-info>.study-summary{grid-column:1;justify-self:start;max-width:none}
  .study-dialog-art .study-art{aspect-ratio:.98}
  .study-preview-toolbar{font-size:.65rem}
  .study-highlights{margin-top:1.3rem}
}
@media(prefers-reduced-motion:reduce){
  .study-art,.case-photo,.atlas-console,.study-dialog-art.is-mobile,.study-title>span{transition:none!important}
  .study-art,.case-photo{transform:none!important}
}
@media(pointer:coarse){.study-art,.case-photo{transform:none!important}}