:root{--cream:#f7f1e7;--paper:#fffaf1;--ink:#211a16;--muted:#6c6259;--orange:#ee7d32;--yellow:#f3c84b;--blue:#4d79a8;--lavender:#a99bbb;--sage:#9eaa91;--line:rgba(33,26,22,.15);--shadow:0 28px 70px rgba(64,44,29,.13);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.section-shell{width:min(1240px,calc(100% - 48px));margin:0 auto}.site-header{width:min(1320px,calc(100% - 40px));position:fixed;z-index:50;top:16px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;padding:10px 12px 10px 14px;border:1px solid transparent;border-radius:999px;transition:.3s ease}.site-header.scrolled{background:rgba(255,250,241,.89);border-color:var(--line);box-shadow:0 12px 30px rgba(41,31,24,.08);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;background:var(--yellow);font:700 13px/1 var(--serif);transform:rotate(-5deg)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font:600 16px/1.05 var(--serif)}.brand-copy small{margin-top:4px;color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.desktop-nav{display:flex;align-items:center;gap:2px}.desktop-nav a,.menu-button{padding:10px 13px;border-radius:999px;text-decoration:none;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.desktop-nav a:hover,.desktop-nav a.active{background:var(--ink);color:var(--paper)}.menu-button{display:none;border:0;background:transparent;color:var(--ink)}.mobile-drawer{position:fixed;inset:0 0 auto 0;z-index:45;background:var(--ink);color:var(--paper);padding:105px 26px 35px;transform:translateY(-110%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.mobile-drawer.open{transform:translateY(0)}.mobile-drawer a{display:block;text-decoration:none;font:500 36px/1.15 var(--serif);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.15)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:9px;letter-spacing:.17em;text-transform:uppercase;font-weight:800}.eyebrow span{width:24px;height:1px;background:currentColor}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-width:210px;padding:14px 17px;border:1px solid var(--ink);border-radius:999px;text-decoration:none;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;transition:.25s ease}.button:hover{transform:translateY(-2px);box-shadow:5px 6px 0 var(--ink)}.button.primary{background:var(--ink);color:var(--paper)}.button.blue{background:var(--blue);color:white;border-color:var(--blue)}.button.orange{background:var(--orange)}.button.ghost{background:transparent}.button.disabled{opacity:.48;pointer-events:none}.text-link{font-size:12px;font-weight:750;text-decoration:none;border-bottom:1px solid;padding-bottom:4px}.hero{min-height:810px;padding-top:160px;padding-bottom:95px;display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center}.hero h1{margin:0;font:500 clamp(57px,7vw,105px)/.9 var(--serif);letter-spacing:-.058em}.hero h1 em{color:var(--orange);font-weight:400}.hero-intro{max-width:680px;margin:28px 0 32px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-object{height:590px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(33,26,22,.22);border-radius:50%}.orbit-one{width:540px;height:540px;transform:rotate(22deg)}.orbit-two{width:420px;height:580px;transform:rotate(-25deg)}.studio-card{width:67%;padding:43px;background:var(--paper);border:1px solid var(--ink);box-shadow:18px 20px 0 var(--ink);transform:rotate(-3deg);z-index:2}.studio-card p{margin:0 0 20px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.studio-card strong{font:500 clamp(49px,5vw,78px)/.78 var(--serif);letter-spacing:-.05em}.studio-card strong i{color:var(--orange);font-weight:400}.studio-card span{display:block;margin-top:30px;padding-top:14px;border-top:1px solid var(--line);font:italic 16px/1.35 var(--serif)}.mascot{position:absolute;width:235px;z-index:4;right:-14px;bottom:34px;filter:drop-shadow(0 18px 15px rgba(35,22,12,.18));transform:rotate(8deg)}.floating-note{position:absolute;z-index:5;padding:12px 14px;background:var(--yellow);border:1px solid var(--ink);font:700 11px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.08em}.note-one{right:18px;top:52px;transform:rotate(6deg)}.note-two{left:0;bottom:105px;background:var(--lavender);transform:rotate(-7deg)}.spark{position:absolute;font-size:28px;color:var(--orange)}.spark-one{left:45px;top:62px}.spark-two{right:65px;bottom:75px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);transform:rotate(-1deg) scale(1.02);overflow:hidden}.ticker-track{width:max-content;display:flex;gap:25px;align-items:center;padding:15px 0;animation:ticker 34s linear infinite;font:italic 18px/1 var(--serif)}.ticker-track b{color:var(--orange);font-size:13px}@keyframes ticker{to{transform:translateX(-50%)}}.featured{padding:150px 0 90px}.section-heading{max-width:760px;margin-bottom:74px}.section-heading h2{margin:0;font:500 clamp(42px,5.3vw,72px)/1.02 var(--serif);letter-spacing:-.045em}.section-heading>p:last-child{color:var(--muted);font:italic 22px/1.45 var(--serif);margin:18px 0 0}.project{display:grid;grid-template-columns:1.15fr .85fr;gap:62px;align-items:center;padding:54px 0 130px}.project-third{grid-template-columns:.88fr 1.12fr}.project-visual{position:relative}.project-visual img{width:100%;border-radius:28px;border:1px solid rgba(33,26,22,.14);box-shadow:var(--shadow)}.project-anti .project-visual{transform:rotate(-1.3deg)}.project-third .project-visual{transform:rotate(1.25deg)}.project-number{position:absolute;top:-26px;left:-24px;width:66px;height:66px;display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:50%;font:600 24px/1 var(--serif);box-shadow:5px 6px 0 var(--orange)}.corner-label{position:absolute;right:-25px;bottom:30px;padding:12px 15px;background:var(--yellow);border:1px solid var(--ink);transform:rotate(4deg);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.blue-pin{position:absolute;right:35px;bottom:-28px;max-width:270px;background:var(--blue);color:white;padding:14px 18px;border-radius:12px;transform:rotate(-3deg);font:italic 16px/1.25 var(--serif);box-shadow:6px 7px 0 var(--ink)}.project-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;margin:0 0 17px}.project-copy h3{font:500 clamp(46px,5vw,73px)/.95 var(--serif);letter-spacing:-.045em;margin:0}.project-copy h3 i{color:var(--blue);font-weight:400}.project-line{font:italic 24px/1.25 var(--serif);color:var(--orange);margin:19px 0 22px}.project-copy>p:not(.project-kicker):not(.project-line){color:var(--muted);font-size:16px;line-height:1.65}.project-tags{list-style:none;padding:0;margin:25px 0 28px;display:flex;flex-wrap:wrap;gap:8px}.project-tags li,.pill{padding:8px 11px;border:1px solid var(--line);border-radius:999px;font-size:11px;background:rgba(255,255,255,.34)}.project-link{display:inline-flex;align-items:center;gap:40px;text-decoration:none;font-size:13px;font-weight:750;padding-bottom:7px;border-bottom:1px solid var(--ink)}.project-link span{font-size:19px}.reframe{margin:27px 0 31px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.reframe div{background:var(--paper);border:1px solid var(--line);padding:15px;border-radius:13px}.reframe small{display:block;color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:800;margin-bottom:9px}.reframe q{font:italic 15px/1.35 var(--serif)}.reframe>span{color:var(--blue)}.world{padding:100px 0 150px}.split-heading{max-width:none;display:grid;grid-template-columns:1fr .7fr;gap:110px;align-items:end}.split-heading>p:last-child{font:400 16px/1.65 var(--sans)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.small-project{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:rgba(255,250,241,.7);transition:transform .35s ease,box-shadow .35s ease}.small-project:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:var(--shadow)}.small-image{position:relative;height:410px;overflow:hidden;background:var(--lavender)}.small-image img{width:100%;height:100%;object-fit:cover}.small-image span{position:absolute;top:18px;left:18px;background:var(--paper);padding:9px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}.small-copy{padding:30px 32px 34px}.small-copy>p:first-child{margin:0 0 12px;color:var(--muted);font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.small-copy h3{margin:0;font:500 39px/1 var(--serif);letter-spacing:-.03em}.small-copy>p:not(:first-child){color:var(--muted);line-height:1.55;min-height:50px}.small-copy a{display:inline-flex;gap:24px;text-decoration:none;font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:5px}.mascot-stage{height:410px;position:relative;display:grid;place-items:center;overflow:hidden;background:var(--yellow)}.mascot-stage img{width:70%;z-index:2;transform:rotate(-5deg);filter:drop-shadow(0 18px 13px rgba(35,22,12,.16))}.sunburst{position:absolute;width:760px;height:760px;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.35) 0 12deg,transparent 12deg 24deg);border-radius:50%;animation:spin 28s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stamp{position:absolute;z-index:3;right:18px;bottom:18px;width:122px;height:122px;display:grid;place-items:center;text-align:center;padding:16px;border:2px solid var(--ink);border-radius:50%;background:var(--orange);transform:rotate(10deg);text-transform:uppercase;letter-spacing:.08em;font:800 10px/1.3 var(--sans)}.about{padding:140px 0 160px;border-top:1px solid var(--line);display:grid;grid-template-columns:.75fr 1.25fr;gap:120px}.about-title h2{margin:0;font:500 clamp(54px,6vw,88px)/.91 var(--serif);letter-spacing:-.055em}.about-title i{color:var(--orange);font-weight:400}.about-copy{max-width:700px}.about-copy p{color:var(--muted);font-size:16px;line-height:1.72}.about-copy .lead{margin-top:0;color:var(--ink);font:400 clamp(24px,2.4vw,35px)/1.32 var(--serif);letter-spacing:-.02em}.principles{margin-top:38px;border-top:1px solid var(--line)}.principles span{display:block;padding:16px 0;border-bottom:1px solid var(--line);font:italic 17px/1.25 var(--serif)}
/* Interior pages */
.page-hero{padding:155px 0 90px}.page-hero.compact{padding-bottom:55px}.page-hero-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:end}.page-hero h1{margin:0;font:500 clamp(64px,8vw,118px)/.86 var(--serif);letter-spacing:-.06em}.page-hero h1 i{font-weight:400;color:var(--blue)}.page-deck{max-width:690px;margin:26px 0 0;color:var(--muted);font:italic clamp(22px,2.3vw,34px)/1.35 var(--serif)}.meta-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(255,250,241,.62)}.meta-panel div{padding:18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.meta-panel div:nth-child(2n){border-right:0}.meta-panel div:nth-last-child(-n+2){border-bottom:0}.meta-panel small{display:block;margin-bottom:7px;color:var(--muted);font-size:8px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.meta-panel strong{font:500 17px/1.3 var(--serif)}.hero-media{width:min(1380px,calc(100% - 32px));margin:0 auto 120px;position:relative}.hero-media img{width:100%;max-height:780px;object-fit:cover;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow)}.hero-media .media-note{position:absolute;right:4%;bottom:-28px;max-width:310px;padding:16px 18px;background:var(--yellow);border:1px solid var(--ink);box-shadow:6px 7px 0 var(--ink);transform:rotate(-2deg);font:italic 16px/1.35 var(--serif)}.content-section{padding:100px 0;border-top:1px solid var(--line)}.content-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:110px}.content-grid.reverse{grid-template-columns:1.25fr .75fr}.content-label{position:sticky;top:120px;height:max-content}.content-label h2{margin:0;font:500 clamp(40px,4.5vw,65px)/1 var(--serif);letter-spacing:-.045em}.content-label p{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.prose{max-width:780px}.prose .lead{margin-top:0;font:400 clamp(26px,2.6vw,38px)/1.32 var(--serif);letter-spacing:-.02em;color:var(--ink)}.prose p,.prose li{color:var(--muted);font-size:16px;line-height:1.75}.prose h3{margin:48px 0 12px;font:500 31px/1.1 var(--serif)}.prose blockquote{margin:35px 0;padding:25px 30px;border-left:4px solid var(--orange);background:var(--paper);font:italic 24px/1.45 var(--serif)}.wide-graphic{margin-top:48px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:var(--paper)}.wide-graphic img{width:100%}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.feature-card{min-height:190px;padding:25px;border:1px solid var(--line);border-radius:22px;background:rgba(255,250,241,.7)}.feature-card b{display:block;margin-bottom:30px;color:var(--orange);font:600 11px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}.feature-card h3{margin:0 0 12px;font:500 27px/1 var(--serif)}.feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.decision-list{border-top:1px solid var(--line);margin-top:30px}.decision{display:grid;grid-template-columns:150px 1fr;gap:35px;padding:27px 0;border-bottom:1px solid var(--line)}.decision strong{font:500 24px/1.1 var(--serif)}.decision p{margin:0;color:var(--muted);line-height:1.65}.duo-gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:42px}.image-panel{min-height:440px;border-radius:27px;overflow:hidden;border:1px solid var(--line);position:relative;background:var(--paper)}.image-panel img{width:100%;height:100%;object-fit:cover}.image-panel.crop-left img{object-position:left}.image-panel.crop-right img{object-position:right}.image-panel .caption{position:absolute;left:14px;bottom:14px;padding:9px 12px;background:rgba(255,250,241,.9);border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.flow-stack{display:grid;gap:14px;margin-top:35px}.flow-step{display:grid;grid-template-columns:65px 1fr;gap:22px;align-items:start;padding:23px;border:1px solid var(--line);border-radius:20px;background:rgba(255,250,241,.62)}.flow-step span{width:49px;height:49px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:white;font:600 18px/1 var(--serif)}.flow-step h3{margin:0 0 8px;font:500 25px/1.1 var(--serif)}.flow-step p{margin:0;color:var(--muted);line-height:1.6}.callout{padding:45px;border-radius:30px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.callout h2{margin:0;font:500 clamp(37px,4.2vw,64px)/.95 var(--serif);letter-spacing:-.04em}.callout p{max-width:640px;color:rgba(255,250,241,.72);line-height:1.65}.callout .button{border-color:var(--paper)}.related{padding:100px 0 130px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.related-card{padding:32px;border:1px solid var(--line);border-radius:25px;text-decoration:none;background:rgba(255,250,241,.65);transition:.3s ease}.related-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.related-card small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:800}.related-card h3{margin:16px 0 8px;font:500 34px/1 var(--serif)}.related-card span{font-size:12px;font-weight:800}.archive-hero{padding:170px 0 80px}.archive-hero h1{margin:0;font:500 clamp(67px,9vw,132px)/.83 var(--serif);letter-spacing:-.07em}.archive-hero h1 i{color:var(--orange);font-weight:400}.archive-intro{max-width:750px;margin:35px 0 0;color:var(--muted);font:italic 24px/1.45 var(--serif)}.archive-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;padding-bottom:150px}.archive-item{min-height:310px;padding:28px;border:1px solid var(--line);border-radius:26px;text-decoration:none;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:.3s ease}.archive-item:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:var(--shadow)}.archive-item h2{margin:0;font:500 clamp(30px,3.5vw,52px)/.95 var(--serif);letter-spacing:-.04em}.archive-item p{margin:11px 0 0;max-width:500px;line-height:1.5}.archive-item span{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.archive-item.large{grid-column:span 7;min-height:480px}.archive-item.medium{grid-column:span 5;min-height:480px}.archive-item.third{grid-column:span 4}.archive-item.orange{background:var(--orange)}.archive-item.yellow{background:var(--yellow)}.archive-item.blue{background:var(--blue);color:white}.archive-item.lavender{background:var(--lavender)}.archive-item.paper{background:var(--paper)}.archive-item.mascot-card img{position:absolute;width:55%;right:-4%;top:14%;transform:rotate(8deg)}.timeline{border-top:1px solid var(--line);margin-top:40px}.timeline-row{display:grid;grid-template-columns:150px 1fr;gap:45px;padding:28px 0;border-bottom:1px solid var(--line)}.timeline-row time{font:italic 22px/1 var(--serif);color:var(--orange)}.timeline-row h3{margin:0 0 8px;font:500 25px/1.1 var(--serif)}.timeline-row p{margin:0;color:var(--muted);line-height:1.6}.contact-block{margin-top:70px;padding:42px;border:1px solid var(--line);border-radius:28px;background:var(--paper)}.contact-block h2{margin:0 0 15px;font:500 44px/1 var(--serif)}.contact-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
footer{background:var(--ink);color:var(--paper);padding:42px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center}footer div{display:flex;flex-direction:column}footer strong{font:600 22px/1 var(--serif)}footer span,footer p,footer a{color:rgba(255,250,241,.7);font-size:11px;line-height:1.45}footer a{text-decoration:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:140px}.hero-object{height:520px}.project,.project-third{grid-template-columns:1fr;gap:48px}.project-third .project-copy{order:2}.project-third .project-visual{order:1}.split-heading,.page-hero-grid{grid-template-columns:1fr;gap:35px}.about,.content-grid,.content-grid.reverse{grid-template-columns:1fr;gap:55px}.content-label{position:static}.feature-cards{grid-template-columns:1fr 1fr}.duo-gallery{grid-template-columns:1fr}.archive-item.large,.archive-item.medium{grid-column:span 12}.archive-item.third{grid-column:span 6}}
@media(max-width:720px){.section-shell{width:min(100% - 28px,1240px)}.site-header{width:calc(100% - 20px);top:9px}.brand-copy small{display:none}.desktop-nav{display:none}.menu-button{display:block}.hero{padding-top:122px;gap:34px;min-height:auto}.hero h1{font-size:clamp(44px,13.2vw,68px)}.hero-object{height:440px}.studio-card{width:72%;padding:28px;box-shadow:12px 14px 0 var(--ink)}.studio-card strong{font-size:52px}.mascot{width:180px;right:-8px}.orbit-one{width:380px;height:380px}.orbit-two{width:310px;height:420px}.note-one{right:2px;top:26px}.note-two{left:2px;bottom:73px}.featured{padding-top:110px}.section-heading{margin-bottom:42px}.project{padding-bottom:98px}.project-copy h3{font-size:49px}.project-number{left:-7px;top:-18px}.corner-label{right:-3px;bottom:16px}.blue-pin{right:12px}.reframe{grid-template-columns:1fr}.reframe>span{transform:rotate(90deg);justify-self:center}.project-grid,.related-grid{grid-template-columns:1fr}.small-image,.mascot-stage{height:320px}.world{padding-bottom:110px}.about{padding:110px 0}.page-hero{padding-top:130px}.page-hero h1{font-size:clamp(55px,16vw,82px)}.meta-panel{grid-template-columns:1fr}.meta-panel div{border-right:0}.meta-panel div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.meta-panel div:last-child{border-bottom:0}.hero-media{margin-bottom:85px}.hero-media .media-note{right:16px;left:16px;max-width:none}.content-section{padding:75px 0}.feature-cards{grid-template-columns:1fr}.decision{grid-template-columns:1fr;gap:12px}.image-panel{min-height:300px}.callout{grid-template-columns:1fr;padding:30px}.archive-item.third{grid-column:span 12}.timeline-row{grid-template-columns:1fr;gap:10px}footer{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.sunburst{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* v3 layout refinements */
.hero{min-height:100svh;padding:150px 0 84px;grid-template-columns:1.12fr .88fr;gap:72px}
.hero h1{max-width:820px;font-size:clamp(52px,6.3vw,98px);line-height:.97;letter-spacing:-.055em}
.site-header{background:rgba(255,250,241,.74);border-color:var(--line);backdrop-filter:blur(18px)}
.desktop-nav a{white-space:nowrap}
.psych-feature{padding:95px 0 35px;border-top:1px solid var(--line)}
.project-psych{grid-template-columns:1.06fr .94fr;padding-bottom:125px}
.project-psych .project-visual{transform:rotate(-.8deg)}
.project-psych .project-visual img{aspect-ratio:16/9;object-fit:cover}
.psych-label{background:var(--lavender)}
.world{border-top:1px solid var(--line);padding-top:125px}
.studio-project-grid{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:20px;align-items:stretch}
.studio-project-grid .small-project{display:flex;flex-direction:column}
.studio-project-grid .small-copy{display:flex;flex-direction:column;flex:1}
.studio-project-grid .small-copy>a{margin-top:auto;align-self:flex-start}
.card-visual-link{display:block;text-decoration:none}
.studio-project-grid .mascot-stage,.graphic-stage{height:335px}
.graphic-stage{position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}
.graphic-stage small,.graphic-stage span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.graphic-stage strong{font:500 clamp(34px,3vw,52px)/.92 var(--serif);letter-spacing:-.045em}
.club-stage{background:var(--blue);color:white}
.club-stage:before,.club-stage:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%}
.club-stage:before{width:280px;height:280px;right:-110px;top:-90px}
.club-stage:after{width:190px;height:190px;right:-55px;top:-40px}
.art-stage{background:var(--lavender)}
.art-stage i{color:var(--paper);font-weight:400}
.art-stage:after{content:"✦";position:absolute;right:28px;top:28px;font-size:34px;color:var(--orange);transform:rotate(12deg)}
section[id]{scroll-margin-top:100px}
@media(max-width:1120px){.hero{grid-template-columns:1.08fr .92fr;gap:42px}.hero h1{font-size:clamp(50px,6vw,82px)}.studio-project-grid{grid-template-columns:1fr 1fr}.studio-project-grid .lbt{grid-column:1/-1}}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:140px}.project-psych{grid-template-columns:1fr;gap:48px}.studio-project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.hero{padding-top:122px;gap:34px;min-height:auto}.hero h1{font-size:clamp(44px,13.2vw,68px)}.studio-project-grid{grid-template-columns:1fr}.studio-project-grid .lbt{grid-column:auto}.studio-project-grid .mascot-stage,.graphic-stage{height:300px}}


/* v4 homepage refinements */
/* Restore the more playful v1 hero object while keeping the v3 page structure. */
.hero-object{height:600px;position:relative;display:grid;place-items:center}
.hero-object .studio-card{
  position:relative;z-index:3;width:min(370px,75%);aspect-ratio:.77;padding:38px;
  background:var(--yellow);border:2px solid var(--ink);
  border-radius:48% 52% 44% 56% / 54% 41% 59% 46%;
  transform:rotate(4deg);box-shadow:18px 22px 0 var(--ink);
  display:flex;flex-direction:column;justify-content:space-between;
}
.hero-object .studio-card p,.hero-object .studio-card span{font-size:11px;text-transform:uppercase;letter-spacing:.16em}
.hero-object .studio-card p{margin:0}
.hero-object .studio-card strong{font:600 clamp(48px,5vw,76px)/.76 var(--serif);letter-spacing:-.055em}
.hero-object .studio-card strong i{color:var(--orange);font-weight:400}
.hero-object .studio-card span{
  display:block;position:relative;z-index:6;max-width:165px;margin:0 0 9px;padding:0;border:0;
  font-family:var(--sans);font-style:normal;line-height:1.5;transform:translateY(-3px)
}
.hero-object .mascot{position:absolute;z-index:5;width:230px;right:-36px;bottom:14px;transform:rotate(-8deg);filter:drop-shadow(0 16px 12px rgba(35,22,12,.16))}
.hero-object .orbit{position:absolute;border:1px solid rgba(33,26,22,.18);border-radius:50%}
.hero-object .orbit-one{width:520px;height:520px;transform:none}
.hero-object .orbit-two{width:430px;height:590px;transform:rotate(48deg)}
.hero-object .floating-note{position:absolute;z-index:7;background:var(--paper);border:1px solid var(--ink);padding:14px 16px;border-radius:14px;box-shadow:7px 8px 0 var(--ink);font:italic 15px/1.15 var(--serif);text-transform:none;letter-spacing:0}
.hero-object .note-one{top:57px;right:-12px;transform:rotate(8deg)}
.hero-object .note-two{left:-12px;bottom:105px;transform:rotate(-7deg)}
.hero-object .spark{position:absolute;z-index:6;color:var(--blue);font-size:29px}
.hero-object .spark-one{top:104px;left:35px}
.hero-object .spark-two{right:80px;top:210px;bottom:auto;color:var(--orange);font-size:20px}

/* Make the destination hierarchy obvious: case study first, live product second. */
.project-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:31px}
.project-cta{
  display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:182px;
  padding:12px 15px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);
  text-decoration:none;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.065em;transition:.25s ease
}
.project-cta:hover{transform:translateY(-2px);box-shadow:5px 6px 0 var(--orange)}
.project-cta span{font-size:17px}
.project-live-link{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:11px;font-weight:800;
  padding:8px 1px 6px;border-bottom:1px solid var(--orange);color:var(--ink)
}
.project-live-link span{color:var(--orange);font-size:15px}
.project-live-link.third-live{border-bottom-color:var(--blue)}
.project-live-link.third-live span{color:var(--blue)}
.project-live-link.psych-live{border-bottom-color:var(--lavender)}
.project-live-link.psych-live span{color:var(--lavender)}
.project-live-link:hover{transform:translateX(2px)}
.small-actions{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-top:auto}
.small-actions>a{margin-top:0!important}
.small-actions .external-mini{border-bottom-style:dashed;color:var(--muted)}

@media(max-width:1120px){
  .hero-object .studio-card{width:min(350px,72%)}
  .hero-object .mascot{right:-8px}
}
@media(max-width:720px){
  .hero-object{height:440px}
  .hero-object .studio-card{width:72%;padding:28px;box-shadow:12px 14px 0 var(--ink)}
  .hero-object .studio-card strong{font-size:52px}
  .hero-object .studio-card span{font-size:9px;max-width:125px;margin-bottom:6px}
  .hero-object .mascot{width:180px;right:-8px}
  .hero-object .orbit-one{width:380px;height:380px}
  .hero-object .orbit-two{width:310px;height:420px}
  .hero-object .note-one{right:2px;top:26px}
  .hero-object .note-two{left:2px;bottom:73px}
  .project-actions{gap:14px}
}

/* v5 polish: tactile yellow CTAs + cleaner v1 hero typography placement */
.button.primary,
.project-cta{
  background:var(--yellow);
  color:var(--ink);
  border:1.5px solid var(--ink);
  box-shadow:5px 6px 0 var(--ink);
}
.button.primary:hover,
.project-cta:hover{
  transform:translateY(-3px);
  box-shadow:7px 9px 0 var(--ink);
}
.button.primary:active,
.project-cta:active{
  transform:translate(3px,4px);
  box-shadow:2px 2px 0 var(--ink);
}

.hero-object .studio-card{
  padding:34px 38px;
  display:grid;
  place-items:center;
}
.hero-object .studio-card p{
  position:absolute;
  top:38px;
  left:50%;
  width:86%;
  margin:0;
  transform:translateX(-50%);
  text-align:center;
  white-space:nowrap;
}
.hero-object .studio-card strong{
  display:block;
  text-align:center;
  transform:translateY(-2px);
}
.hero-object .studio-card span{
  position:absolute;
  left:50%;
  bottom:43px;
  width:190px;
  max-width:none;
  margin:0;
  padding:0;
  transform:translateX(-50%);
  text-align:center;
  line-height:1.45;
}

@media(max-width:720px){
  .hero-object .studio-card p{top:28px;font-size:9px}
  .hero-object .studio-card span{bottom:31px;width:150px;font-size:8px;line-height:1.4}
}

/* Slightly tighter homepage primary buttons. */
.hero-actions .button.primary{min-width:198px;padding:12px 15px;font-size:10.5px;gap:32px}

/* v4-final experiment: ThirdAngle-blue tactile CTAs on the homepage */
.hero-actions .button.primary,
.featured .project-cta,
.psych-feature .project-cta{
  background:var(--blue);
  color:var(--paper);
  border-color:var(--ink);
  box-shadow:5px 6px 0 var(--ink);
}
.hero-actions .button.primary:hover,
.featured .project-cta:hover,
.psych-feature .project-cta:hover{
  background:#557fad;
  color:var(--paper);
  transform:translateY(-3px);
  box-shadow:7px 9px 0 var(--ink);
}
.hero-actions .button.primary:active,
.featured .project-cta:active,
.psych-feature .project-cta:active{
  transform:translate(3px,4px);
  box-shadow:2px 2px 0 var(--ink);
}

/* v5 Anti-Crastination visual case-study pass */
.project-media-stack{min-width:0}
.home-video-card{width:78%;margin:30px auto 0;padding:14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,250,241,.78);box-shadow:0 18px 44px rgba(64,44,29,.10);transform:rotate(.45deg)}
.home-video-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:2px 4px 12px}
.home-video-head span{font-size:8px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--blue)}
.home-video-head strong{font:italic 14px/1.2 var(--serif);font-weight:500}
.home-video-frame{aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#181818;border:1px solid rgba(33,26,22,.18)}
.home-video-frame iframe,.anti-video-wrap iframe{width:100%;height:100%;border:0;display:block}

.anti-hero-media img{max-height:none;aspect-ratio:4/3;object-fit:cover}
.anti-pitch-section{padding:95px 0 110px;border-top:1px solid var(--line)}
.pitch-heading{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-bottom:42px}
.pitch-heading h2{margin:0;font:500 clamp(44px,5.2vw,74px)/.96 var(--serif);letter-spacing:-.045em}
.pitch-heading h2 i{color:var(--orange);font-weight:400}
.pitch-heading>p{margin:0 0 5px;color:var(--muted);font-size:16px;line-height:1.65}
.anti-video-wrap{position:relative;aspect-ratio:16/9;border-radius:30px;overflow:visible;background:#181818;border:1px solid var(--ink);box-shadow:10px 12px 0 var(--blue)}
.anti-video-wrap iframe{border-radius:29px}
.video-sticker{position:absolute;right:-18px;top:-21px;padding:11px 15px;background:var(--yellow);border:1px solid var(--ink);box-shadow:5px 6px 0 var(--ink);border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;transform:rotate(3deg)}

.anti-shot{margin:34px 0 0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper);box-shadow:0 18px 48px rgba(64,44,29,.08)}
.anti-shot img{width:100%;height:auto;display:block}
.anti-shot figcaption{padding:12px 15px;color:var(--muted);font-size:10px;line-height:1.45;letter-spacing:.02em;background:rgba(255,250,241,.92);border-top:1px solid var(--line)}
.anti-shot-wide{width:100%}
.rulebook-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.rulebook-grid .anti-shot{margin-top:0}

.digital-story{display:grid;gap:70px;margin-top:10px}
.digital-beat{display:grid;grid-template-columns:.38fr .62fr;gap:56px;align-items:center}
.digital-beat-reverse{grid-template-columns:.62fr .38fr}
.digital-beat-reverse .digital-copy{order:2}
.digital-beat-reverse .anti-shot{order:1}
.digital-beat .anti-shot{margin:0}
.digital-copy span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:white;font:600 16px/1 var(--serif);box-shadow:4px 5px 0 var(--ink)}
.digital-copy h3{margin:19px 0 12px;font:500 clamp(31px,3.3vw,48px)/1 var(--serif);letter-spacing:-.035em}
.digital-copy p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.portrait-shot{max-width:520px;justify-self:center}
.portrait-shot img{max-height:720px;object-fit:contain;background:#2b211b}

.card-sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}
.card-sample-grid .anti-shot{margin:0;background:linear-gradient(180deg,#1f1814,#f7f1e7)}
.card-sample img{width:100%;aspect-ratio:744/1039;object-fit:contain}
.final-product-shot{margin-top:42px}

@media(max-width:980px){
  .home-video-card{width:70%;margin-left:0}
  .pitch-heading{grid-template-columns:1fr;gap:20px}
  .digital-beat,.digital-beat-reverse{grid-template-columns:1fr;gap:24px}
  .digital-beat-reverse .digital-copy,.digital-beat-reverse .anti-shot{order:initial}
}
@media(max-width:720px){
  .home-video-card{width:100%;margin-top:24px}
  .home-video-head{align-items:flex-start;flex-direction:column;gap:4px}
  .anti-pitch-section{padding:72px 0 84px}
  .anti-video-wrap{border-radius:20px;box-shadow:7px 8px 0 var(--blue)}
  .anti-video-wrap iframe{border-radius:19px}
  .video-sticker{right:8px;top:-18px;font-size:8px}
  .rulebook-grid,.card-sample-grid{grid-template-columns:1fr}
  .digital-story{gap:48px}
  .digital-copy h3{font-size:34px}
}
.pitch-side{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.anti-inline-logo{width:min(290px,72%);height:auto;object-fit:contain}
.pitch-side p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}
@media(max-width:720px){.anti-inline-logo{width:min(250px,78%)}}


/* v7 Anti-Crastination pre-publish polish */
.hero-side{display:flex;flex-direction:column;gap:24px;align-items:stretch}
.hero-project-logo{width:min(360px,72%);height:auto;object-fit:contain;align-self:center;margin:0 0 8px}
.anti-problem-section .content-label{position:static}
.card-sample figcaption{font-size:15px;line-height:1.5;padding:16px 18px;color:var(--ink)}
@media(max-width:980px){.hero-project-logo{width:min(330px,60%);align-self:flex-start;margin-bottom:4px}}
@media(max-width:720px){.hero-project-logo{width:min(270px,72%)}}

/* Anti-Crastination text polish */
.anti-page .hero-project-logo{width:min(470px,90%)}
.anti-page .content-label>p{font-size:13px;letter-spacing:.135em}
.anti-page .anti-joke-section{padding-top:76px;padding-bottom:76px}
.anti-page .anti-joke-section .callout{grid-template-columns:minmax(0,1fr) auto}
.anti-page .anti-joke-section .callout h2{max-width:850px}
.anti-page .anti-joke-section .button{min-width:0;white-space:nowrap}
@media(max-width:980px){.anti-page .hero-project-logo{width:min(410px,74%)}}
@media(max-width:720px){.anti-page .hero-project-logo{width:min(330px,86%)}.anti-page .content-label>p{font-size:12px}.anti-page .anti-joke-section .callout{grid-template-columns:1fr}.anti-page .anti-joke-section .button{white-space:normal}}

/* Anti-Crastination voice + narrative polish */
.anti-joke-cut{display:flex;align-items:center;justify-content:center;gap:13px;padding:24px 0 26px;color:var(--ink);text-align:center}
.anti-joke-cut span{color:var(--orange);font-size:15px;line-height:1}
.anti-joke-cut p{margin:0;font:500 21px/1.35 var(--serif);letter-spacing:-.015em}
.anti-joke-cut p i{color:var(--muted);font-weight:400}
.anti-joke-cut-top{margin-top:-42px;margin-bottom:42px}
.anti-joke-cut-tcg{padding-top:8px;padding-bottom:44px}
.gacha-story{margin:34px 0 38px;padding:28px 30px;border:1px solid var(--line);border-radius:22px;background:rgba(255,250,241,.64)}
.gacha-story .gacha-kicker{margin:0 0 15px;color:var(--orange);font:800 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.gacha-story p:not(.gacha-kicker){margin:0 0 13px;color:var(--muted);font-size:18px;line-height:1.72}
.gacha-story p:last-child{margin-bottom:0}
.gacha-story strong{color:var(--ink);font:500 21px/1.3 var(--serif)}
.anti-effort-transition{max-width:760px;margin:28px auto 0;text-align:center;color:var(--muted);font:italic 21px/1.45 var(--serif)}
.anti-closing-section{padding-top:54px;padding-bottom:24px}
.anti-closing-callout{padding:38px 42px}
.anti-closing-callout h2{font-size:clamp(34px,3.8vw,56px);max-width:720px}
.anti-closing-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.anti-closing-actions .button{min-width:185px}
.anti-closing-actions .button.ghost{background:transparent;color:var(--paper);border-color:rgba(255,250,241,.75);box-shadow:none}
.anti-closing-actions .button.ghost:hover{box-shadow:4px 5px 0 rgba(255,250,241,.8)}
@media(max-width:720px){.anti-joke-cut{padding:18px 0 22px}.anti-joke-cut p{font-size:18px}.anti-joke-cut-top{margin-top:-24px;margin-bottom:28px}.gacha-story{padding:22px 20px}.anti-closing-callout{padding:29px 25px}.anti-closing-actions{justify-content:flex-start}.anti-closing-actions .button{width:100%}}