:root{
  --obsidian:#090D0B;
  --black:#171E19;
  --rainforest:#274133;
  --sage:#667565;
  --paper:#F3EEE5;
  --parchment:#EEE6DB;
  --gold:#A98345;
  --walnut:#5C4436;
  --ink:#141914;
  --muted:#8A806F;
  --line:rgba(169,131,69,.32);
  --softline:rgba(20,25,20,.12);
  --purple:#6F58D9;
  --violet:#090313;
  --teal:#2A4A4F;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Libre Franklin',Inter,system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.serif,.display{font-family:'Libre Baskerville',Georgia,serif}.container{width:min(1480px,calc(100vw - 52px));margin:0 auto}.smallcaps,.eyebrow{font-size:.73rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.eyebrow{color:var(--gold);margin-bottom:14px}.display{font-weight:400;line-height:.95;letter-spacing:-.045em}.lead{font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.78;color:rgba(20,25,20,.72);max-width:760px}.dark .lead,.world-dark .lead{color:rgba(243,238,229,.74)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border:1px solid var(--line);background:var(--rainforest);color:var(--paper);letter-spacing:.14em;text-transform:uppercase;font-size:.73rem;transition:.35s ease}.btn:hover{transform:translateY(-3px);background:var(--obsidian);border-color:var(--gold)}.btn.secondary{background:transparent;color:inherit}.dark .btn.secondary,.world-dark .btn.secondary{color:var(--paper)}
.loader{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 45%,rgba(169,131,69,.14),transparent 28%),linear-gradient(135deg,#040604,var(--obsidian));display:grid;place-items:center;color:var(--parchment);transition:opacity .7s ease,visibility .7s ease}.loader.hide{opacity:0;visibility:hidden}.loader-inner{width:min(620px,86vw);aspect-ratio:1.6;border:1px solid var(--line);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.loader-inner:before{content:"";position:absolute;inset:18px;border:1px solid rgba(169,131,69,.18)}.loader-logo{width:118px;margin:0 auto 24px;filter:drop-shadow(0 16px 40px rgba(0,0,0,.4));animation:loaderBreathe 2.5s ease-in-out infinite}.loader-status{letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-size:.72rem;margin-bottom:10px}.loader-word{font-size:clamp(1.8rem,4vw,3.4rem);letter-spacing:.06em}.loader-line{width:180px;height:1px;background:rgba(169,131,69,.28);margin:24px auto 0;position:relative;overflow:hidden}.loader-line:after{content:"";position:absolute;inset:0;width:52%;background:var(--gold);animation:loaderLine 1.4s ease-in-out infinite}@keyframes loaderLine{from{transform:translateX(-120%)}to{transform:translateX(220%)}}@keyframes loaderBreathe{50%{transform:scale(1.04);opacity:.9}}
.site-noise{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><filter id="n"><feTurbulence baseFrequency=".8" numOctaves="2" stitchTiles="stitch"/></filter><rect width="120" height="120" filter="url(%23n)" opacity=".34"/></svg>')}.nav{position:fixed;top:0;left:0;right:0;z-index:500;background:rgba(243,238,229,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(169,131,69,.22);transition:.35s ease}.nav.dark-mode,.world-dark .nav{background:rgba(9,13,11,.68);color:var(--paper)}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:'Libre Baskerville',Georgia,serif;font-size:1.05rem}.brand img{width:50px;height:50px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:clamp(18px,2vw,36px)}.nav-links a{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase}.mobile-menu{display:none}
.hero{min-height:100vh;padding:132px 0 84px;display:grid;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 12%,rgba(169,131,69,.11),transparent 25%),linear-gradient(135deg,var(--paper),#f9f5ed)}.hero:before,.brand-case:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,25,20,.08) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(180deg,transparent,black 18%,black 80%,transparent)}.hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);gap:clamp(42px,6vw,92px);align-items:center;position:relative;z-index:4}.hero-title{font-size:clamp(3.3rem,8vw,10.8rem);margin:20px 0 26px;max-width:1000px}.hero-title em{font-style:italic;color:var(--rainforest)}.hero-copy{font-size:clamp(1.04rem,1.25vw,1.22rem);line-height:1.78;max-width:620px;color:rgba(20,25,20,.72)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-mark{min-height:590px;display:grid;place-items:center;position:relative}.hero-mark .logo-main{width:min(540px,48vw);position:relative;z-index:3;filter:drop-shadow(0 32px 70px rgba(9,13,11,.16))}.hero-ring{position:absolute;width:68%;aspect-ratio:1;border:1px solid rgba(169,131,69,.16);border-radius:50%;animation:slowspin 32s linear infinite}.hero-ring:nth-child(2){width:86%;animation-duration:46s;animation-direction:reverse}@keyframes slowspin{to{transform:rotate(360deg)}}
.reveal{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}.dark{background:radial-gradient(circle at 30% -5%,rgba(39,65,51,.74),transparent 34%),linear-gradient(135deg,var(--obsidian),var(--black));color:var(--paper)}.section{padding:112px 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:34px;margin-bottom:46px}.section-title{font-size:clamp(2.8rem,6vw,8rem);margin:0}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work-card{grid-column:span 4;min-height:460px;position:relative;border:1px solid var(--line);overflow:hidden;background:rgba(0,0,0,.16);padding:22px;display:flex;flex-direction:column;justify-content:flex-end}.work-card.large{grid-column:span 6;min-height:590px}.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:24px;transition:transform 1s ease;z-index:1}.work-card.photo img{object-fit:cover;padding:0}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,13,11,.88),rgba(9,13,11,.35) 35%,transparent 70%);z-index:2}.work-card:hover img{transform:scale(1.035)}.work-card .meta{position:relative;z-index:3}.work-card h3{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(1.8rem,3vw,4rem);line-height:.98;margin:0 0 10px;font-weight:400}.work-card p{margin:0;color:rgba(243,238,229,.72);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.shop{background:linear-gradient(135deg,#ede4d6,#fbf7ef)}.shop-panel{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;border:1px solid var(--line);padding:50px;background:rgba(255,255,255,.36)}.shop-panel h2{font-size:clamp(3rem,6.5vw,8rem);margin:0 0 18px}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.archive-grid img{aspect-ratio:16/10;width:100%;height:100%;object-fit:contain;background:#f7f2e9;border:1px solid rgba(169,131,69,.24);padding:8px}.footer{padding:76px 0 34px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px;border-top:1px solid var(--line);padding-top:42px}.footer h4{color:var(--gold);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.footer p,.footer a{color:rgba(243,238,229,.68);line-height:1.7}.footer-logo{width:70px;margin-bottom:18px}.socials{display:flex;flex-wrap:wrap;gap:12px}.socials a{padding:10px 12px;border:1px solid var(--line);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.case-hero{min-height:100vh;display:grid;align-items:center;padding:128px 0 70px;position:relative;overflow:hidden}.case-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(44px,6vw,88px);align-items:center;position:relative;z-index:5}.case-title{font-size:clamp(3.8rem,8.5vw,11rem);margin:16px 0 24px}.case-visual{perspective:1200px;min-height:590px;display:grid;place-items:center}.book-spin{width:min(720px,55vw);transform:rotateX(var(--rx,8deg)) rotateY(var(--ry,-20deg)) translateY(var(--ty,20px));transition:transform .14s ease-out;filter:drop-shadow(0 42px 82px rgba(0,0,0,.52))}.book-spin img{width:100%;height:auto;object-fit:contain}.world-dark{background:#030303;color:var(--paper)}.knight-world{background:radial-gradient(circle at 20% 0,rgba(127,29,29,.24),transparent 24%),linear-gradient(135deg,#030303,#0d0b08 60%,#080604)}.knight-world:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 83% 17%,rgba(169,131,69,.16),transparent 23%);pointer-events:none}.comet-world{background:radial-gradient(circle at 70% 8%,rgba(111,88,217,.34),transparent 28%),linear-gradient(135deg,#04010c,#080713 60%,#000)}.comet-world:after{content:"";position:fixed;inset:0;background-image:linear-gradient(135deg,rgba(111,88,217,.15) 1px,transparent 1px),linear-gradient(45deg,rgba(111,88,217,.07) 1px,transparent 1px);background-size:88px 88px,130px 130px;mask-image:linear-gradient(180deg,transparent,black 18%,black);pointer-events:none}.comet{position:fixed;width:180px;height:2px;background:linear-gradient(90deg,transparent,var(--purple),transparent);top:18%;left:-20%;transform:rotate(-18deg);animation:comet 5.8s linear infinite;pointer-events:none;z-index:1}.comet.two{top:48%;animation-delay:2.2s;animation-duration:7s}.comet.three{top:76%;animation-delay:4s;animation-duration:8.5s}@keyframes comet{to{left:120%;transform:translateY(90px) rotate(-18deg)}}.julie-world{background:linear-gradient(135deg,#e8ded1,#f9f4ec 45%,#d7ded7);color:#22383b}.brand-case{background:linear-gradient(135deg,var(--paper),#faf6ef);color:var(--ink)}.case-section{padding:104px 0;position:relative;z-index:4}.case-section.dark-block{background:rgba(0,0,0,.42)}.case-copy-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}.case-copy-grid h2{font-size:clamp(2.7rem,5vw,7rem);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.step{border:1px solid rgba(169,131,69,.3);padding:26px;background:rgba(243,238,229,.04)}.step h3{font-family:'Libre Baskerville',Georgia,serif;font-size:1.75rem;margin:0 0 10px;font-weight:400}.step p{line-height:1.7;color:rgba(243,238,229,.68)}.brand-case .step p,.julie-world .step p{color:rgba(20,25,20,.7)}.brand-case .step,.julie-world .step{background:rgba(255,255,255,.36)}.image-stage{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:46px}.image-stage img{width:100%;height:auto;object-fit:contain;border:1px solid rgba(169,131,69,.3);background:rgba(243,238,229,.06);padding:10px}.image-stage.full img:first-child{grid-column:1/-1}.process-lane{display:grid;grid-template-columns:.76fr 1.24fr;gap:46px;align-items:center;padding:58px 0;border-top:1px solid rgba(169,131,69,.28)}.process-lane:nth-child(even){grid-template-columns:1.24fr .76fr}.process-lane:nth-child(even) .lane-copy{order:2}.lane-copy h3{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(2.4rem,4.8vw,6rem);font-weight:400;letter-spacing:-.04em;line-height:.96;margin:8px 0 20px}.lane-copy p{line-height:1.76;color:rgba(20,25,20,.7)}.world-dark .lane-copy p{color:rgba(243,238,229,.7)}.lane-media{border:1px solid var(--line);background:rgba(255,255,255,.06);padding:14px;box-shadow:0 30px 90px rgba(20,25,20,.08)}.lane-media img{width:100%;height:auto;object-fit:contain}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.immersive-strip{min-height:84vh;display:grid;place-items:center;overflow:hidden}.pin-book{width:min(740px,75vw);transform:scale(var(--s,.82)) rotateY(var(--r,-18deg));transition:.12s;filter:drop-shadow(0 44px 90px rgba(0,0,0,.55))}.pin-book img{width:100%;height:auto;object-fit:contain}.next-project{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);padding-top:36px}.case-nav{position:relative;z-index:5}.palette-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:26px}.swatch{aspect-ratio:1.6;border:1px solid rgba(169,131,69,.25);padding:12px;display:flex;align-items:flex-end;font-size:.7rem;letter-spacing:.08em;color:var(--paper)}.swatch.light{color:var(--ink)}
@media(max-width:980px){.nav-links{display:none}.mobile-menu{display:block;background:transparent;border:1px solid var(--line);padding:10px 14px}.hero-grid,.case-grid,.process-lane,.process-lane:nth-child(even),.shop-panel,.case-copy-grid{grid-template-columns:1fr}.process-lane:nth-child(even) .lane-copy{order:0}.hero-mark{min-height:420px}.work-card,.work-card.large{grid-column:1/-1;min-height:420px}.steps,.archive-grid,.palette-strip{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.book-spin{width:min(700px,90vw)}.section-head{display:block}.hero-mark .logo-main{width:min(540px,82vw)}}@media(max-width:650px){.container{width:min(100% - 28px,1480px)}.section,.case-section{padding:76px 0}.hero-title,.case-title{font-size:clamp(3.4rem,16vw,6rem)}.hero{padding-top:110px}.steps,.archive-grid,.image-stage,.footer-grid,.media-grid,.palette-strip{grid-template-columns:1fr}.shop-panel{padding:24px}.case-visual{min-height:360px}.hero-mark .logo-main{width:84vw}}


/* V5 refinements */
.hero{min-height:92vh;padding:118px 0 56px;}
.hero-grid{grid-template-columns:minmax(0,0.88fr) minmax(360px,0.92fr);gap:clamp(36px,5vw,70px);}
.hero-title{font-size:clamp(2.65rem,5.9vw,7.35rem);line-height:1.01;max-width:880px;margin:14px 0 18px;}
.hero-copy{font-size:clamp(.98rem,1.08vw,1.12rem);line-height:1.68;max-width:660px;}
.hero-actions{margin-top:26px;}
.hero-mark{min-height:470px;}
.hero-mark .logo-main{width:min(430px,38vw);}
.hero-ring{width:64%;}.hero-ring:nth-child(2){width:82%;}
.identity-card img{padding:42px!important;background:linear-gradient(135deg,#f3eee5,#eee6db);}
.identity-cover{width:min(620px,48vw);aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,rgba(169,131,69,.1),transparent 32%),linear-gradient(135deg,#f7f2e9,#eee6db);box-shadow:0 36px 90px rgba(20,25,20,.12);padding:54px;}
.identity-cover img{width:100%;height:100%;object-fit:contain;}
.services-section{background:linear-gradient(135deg,var(--paper),#faf7ef);}
.service-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.service-matrix>div{border:1px solid var(--line);background:rgba(255,255,255,.38);padding:28px;min-height:220px;}
.service-matrix h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:1.65rem;margin:0 0 12px;letter-spacing:-.035em;}
.service-matrix p{line-height:1.68;color:rgba(20,25,20,.72);margin:0;}
.footer-btn{margin-top:14px;padding:12px 16px;font-size:.66rem;}
.nav .brand img,.footer-logo,.loader-logo{object-fit:contain;}
@media(max-width:980px){.hero{min-height:auto;padding:112px 0 70px;}.hero-grid{grid-template-columns:1fr;}.hero-mark{min-height:340px;}.hero-mark .logo-main{width:min(420px,78vw);}.service-matrix{grid-template-columns:1fr 1fr;}.identity-cover{width:min(540px,86vw);}}
@media(max-width:650px){.hero-title{font-size:clamp(2.9rem,13vw,4.8rem);}.service-matrix{grid-template-columns:1fr;}.identity-cover{padding:28px;}}