/* Art direction shared by the studio and its legal pages. */
:root{--paper:#f4f2e9;--ink:#202820;--green:#253e2b;--lime:#d8ed9b}
.header{position:absolute;inset:0 0 auto;z-index:10;color:var(--paper);border-color:#ffffff30;height:100px}
.header nav a:hover{color:var(--lime)}
.nav-contact{border-color:currentColor}
.hero{position:relative;isolation:isolate;display:flex;min-height:100svh;padding-top:150px;padding-bottom:130px;overflow:hidden;background:#171e11;color:var(--paper)}
.hero-background,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-shade{z-index:-1;background:linear-gradient(90deg,#0a140c80,transparent 75%),linear-gradient(0deg,#0a140c88,transparent 35%)}
.hero-copy{max-width:900px}
.hero h1{font-size:clamp(85px,9.7vw,170px);line-height:.84;letter-spacing:-.055em;margin:38px 0 30px}
.hero h1 em{color:#dfedc1}
.hero .intro{color:#e5e6d9;font-size:15px;line-height:1.6}
.hero .eyebrow{font-size:10px;letter-spacing:2px}
.hero .dot{background:var(--lime)}
.hero .button{background:var(--lime);color:#24351d;border-radius:30px;padding:17px 25px}
.hero .text-link{color:var(--paper);border-color:#ffffff60}
.hero-bottom{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff40;padding-top:20px;font-size:9px;letter-spacing:1.5px}
#motion-toggle{color:inherit;font-size:9px;margin:0;padding:0}
.portfolio-strip{background:#dce8c7;border:0}
.portfolio-strip>div{min-height:110px}
.portfolio-strip a{font-size:36px}
.work{padding:0}
.work>.section-heading{padding:110px 5vw 90px}
.section-heading h2{font-size:clamp(50px,5.6vw,88px);letter-spacing:-.045em}
.section-heading>p{font-size:14px}
.product-stories{margin:0}
.product-story{position:relative;isolation:isolate;padding:90px 5vw;gap:5vw;overflow:hidden;border:0;grid-template-columns:1fr 1.1fr}
.product-story:before{position:absolute;right:3vw;top:-6vw;font:36vw/1 var(--serif);opacity:.055;z-index:-1;pointer-events:none}
#aangan{background:#e5eccf}#aangan:before{content:'01'}
#finance{background:#183d35;color:#eff5df}#finance:before{content:'02'}
#raha{background:#eee0d7;color:#4b332b}#raha:before{content:'03'}
#qaisariyah{background:#e5ac6f;color:#332719}#qaisariyah:before{content:'04'}
.product-name{font-family:var(--sans);font-size:13px!important;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-top:55px}
.product-copy h2{font-size:clamp(48px,5vw,85px);line-height:.98;letter-spacing:-.05em}
.product-copy>p{font-size:14px;max-width:440px;color:inherit;opacity:.8;line-height:1.75}
.product-copy .availability{color:inherit;font-size:11px;opacity:.7;border-color:currentColor;max-width:400px}
.product-meta{color:inherit;opacity:.7;font-size:10px}
.product-index{font-size:10px;text-transform:uppercase;letter-spacing:1.3px}
.status{border-color:currentColor;font-size:9px;text-transform:none;letter-spacing:0}
.product-domain{font-size:13px;border-color:currentColor}
.product-visual,.product-visual.finance,.product-visual.raha,.product-visual.qaisariyah{background:none;transform:none;transition:none;padding:65px 10px 25px;min-height:660px;position:relative;isolation:isolate}
.product-visual:before{content:'';position:absolute;inset:60px 20px 40px;z-index:-1;border-radius:50% 50% 10px 10px;background:#b7c894}
.product-visual.finance:before{background:radial-gradient(ellipse,#75998c80,transparent 70%);border:1px solid #93b9a340;border-radius:50%;inset:55px -15px}
.product-visual.raha:before{background:#c6958290;border-radius:50% 50% 0 0;inset:35px 20px 60px;transform:rotate(-9deg)}
.product-visual.qaisariyah:before{background:#f2cd9d;border-radius:50%;inset:100px -20px 60px}
.scene-word{font:italic clamp(85px,10vw,180px)/1 var(--serif);position:absolute;top:0;left:0;letter-spacing:-.06em;white-space:nowrap;opacity:.65;z-index:-1}
.scene{max-width:510px;border:1px solid #ffffff90;border-radius:12px;box-shadow:0 35px 60px -25px #17291a66;min-height:390px;transform:rotate(-4deg);color:#263c2a}
.finance .scene{transform:rotate(5deg);background:#f5f4de}
.raha .scene{max-width:285px;min-height:500px;border:7px solid #4f3932;border-radius:40px;transform:rotate(8deg);background:#f9f1e6;box-shadow:30px 40px 60px -30px #714a3e90}
.raha .app-top{padding-top:15px;height:65px}
.raha .app-top>span:last-child{font-size:6px}
.raha .app-body{padding:24px 18px}
.raha .app-body h4{font-size:36px}
.raha .memory{height:200px;border-radius:100px 100px 8px 8px;background:#e6bb95}
.raha .sun{background:#fff4d5;width:65px;height:65px;top:30px;left:35px}
.raha .hill{top:120px;background:#bd8b70;height:180px}.raha .h2{top:130px;background:#7b7960}
.raha .note p{font-size:17px}
.qaisariyah .scene{max-width:420px;transform:rotate(-6deg);background:#fff3df}
.qaisariyah .bottle-scene{height:260px}
.qaisariyah .bottle{scale:1.3}
.scene-caption{position:relative;margin-top:35px;color:inherit;font-size:7px;max-width:480px}
.app-body{padding:30px}.app-body h4{font-size:35px}.academy-stats strong{font-size:50px}
.work-note{margin:0;padding:25px;background:var(--paper);border:0}
.studio{background:#18291f;padding-top:110px}
.studio h2{font-size:clamp(50px,5.5vw,90px)}
.studio-grid{gap:8vw;padding-bottom:35px}.studio-copy{padding-top:30px}
.services{padding-block:110px}.service-list{gap:50px}.service-list h3{font-size:42px}
.contact{background:#dce8c7;padding-block:100px;border:0}.contact h2{font-size:clamp(65px,7vw,110px)}
footer{background:#18291f;color:var(--paper);border:0;padding-block:35px}footer>p,footer>div>span{color:#bdc9b6}
.legal-page .header{position:relative;background:#18291f}
.legal-hero{background:#18291f;color:var(--paper);padding-top:70px;padding-bottom:85px}
.legal-hero h1{font-size:clamp(65px,8vw,120px);margin:25px 0 30px}.legal-hero>p:last-child{font-size:12px;color:#bdc9b6}
.legal-layout{display:grid;grid-template-columns:260px minmax(0,750px);gap:8vw;padding-top:80px;padding-bottom:100px;justify-content:center}
.legal-layout aside{align-self:start;position:sticky;top:35px}.legal-layout aside nav{display:grid;gap:13px;margin:25px 0 40px;font-size:11px}.legal-layout aside nav a:hover{color:#77883c}
.prose-section{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--line);scroll-margin-top:30px}
.prose-section h2{font-size:35px;margin-bottom:20px}.prose-section p,.prose-section ul{font-size:14px;line-height:1.85;margin-bottom:15px;color:#525d50}.prose-section a{text-decoration:underline;text-underline-offset:3px}.prose-section li{margin-bottom:8px}
@keyframes hero-open{from{transform:scale(1.12);filter:brightness(.65)}to{transform:scale(1);filter:brightness(1)}}
@keyframes scene-stage{from{opacity:0;translate:0 100px;rotate:12deg;scale:.85}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}
@keyframes word-stage{from{opacity:0;translate:-65px 0}to{opacity:.65;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.hero.playing .hero-background{animation:hero-open 2.5s cubic-bezier(.2,.65,.2,1) both}.hero.playing .hero-copy{animation:arrive 1.2s .15s both}.product-visual.playing .scene{animation:scene-stage 1.35s cubic-bezier(.16,1,.3,1) both}.playing .scene-word{animation:word-stage 1.2s .15s both}}
@media(max-width:1000px){.product-story{gap:25px;grid-template-columns:1fr 1fr}.product-visual{min-height:560px!important}.product-copy h2{font-size:52px}.scene-word{font-size:100px}.app-body{padding:22px}.lesson-tag{display:none}}
@media(max-width:760px){.header{height:82px}.menu-toggle{color:inherit}.header nav{background:#18291f;color:var(--paper);border-color:#ffffff30}.hero{min-height:850px;min-height:100svh;padding:150px 24px 140px}.hero-background{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#0b130cbb,#0b130c35),linear-gradient(0deg,#0b130ca0,transparent)}.hero h1{font-size:clamp(73px,13.5vw,105px);letter-spacing:-.055em}.hero .eyebrow{font-size:8px;max-width:260px}.hero .intro{font-size:13px}.hero-bottom{left:24px;right:24px;bottom:24px;flex-wrap:wrap;font-size:7px;gap:16px}.hero-bottom>span{width:100%}.hero-actions{gap:20px;flex-wrap:wrap}.hero .button{font-size:11px}.portfolio-strip>div{gap:18px 30px}.portfolio-strip a{font-size:28px}.work>.section-heading{padding:65px 24px}.section-heading h2{font-size:49px}.product-story{padding:55px 24px;grid-template-columns:1fr;gap:15px;min-height:100svh}.product-name{margin-top:35px}.product-copy h2{font-size:56px}.product-copy>p{font-size:13px}.product-visual{min-height:530px!important;margin-top:25px;padding-top:70px}.product-visual.raha{min-height:610px!important}.scene-word{font-size:100px}.scene{max-width:420px;min-height:355px}.product-visual:before{inset:40px 10px}.scene-caption{font-size:6px}.raha .scene{max-width:275px}.qaisariyah .scene{max-width:340px}.studio{padding-top:65px}.studio-grid{padding-bottom:0}.studio h2{font-size:54px}.studio-copy{padding-top:0}.services{padding-block:65px}.service-list h3{font-size:38px}.contact{padding-block:65px}.contact h2{font-size:72px}.legal-hero{padding-block:55px}.legal-layout{grid-template-columns:1fr;gap:45px;padding-block:45px}.legal-layout aside{position:static}.legal-layout aside nav{grid-template-columns:1fr 1fr;gap:15px}.prose-section h2{font-size:30px}}