:root{--ink:#090909;--paper:#f1efe9;--muted:#a4a09a;--line:#2a2927;--gold:#f2c14e;--purple:#945cff;--pad:clamp(20px,4.5vw,72px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}
a{color:inherit}
button{font:inherit;color:inherit}
img{display:block;max-width:100%}
.cursor-glow{position:fixed;width:460px;height:460px;left:0;top:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(148,92,255,.13),transparent 68%);border-radius:50%;pointer-events:none;z-index:-1}
.site-header{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(9,9,9,.88);backdrop-filter:blur(18px);z-index:50}
.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:10px;line-height:1.15;letter-spacing:.12em}.wordmark b{font-weight:800}.mark{font-size:32px;line-height:1;font-weight:900;letter-spacing:-.12em}.mark span{font-size:15px;color:var(--gold);vertical-align:top}
.header-meta{display:flex;align-items:center;gap:22px}.status{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.status i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#76f2a5;box-shadow:0 0 10px #76f2a5}
.menu-toggle{display:none;background:none;border:0;text-transform:uppercase;font-size:11px;letter-spacing:.12em}
.menu{display:flex;gap:26px}.menu a{text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:var(--muted);transition:.2s}.menu a:hover{color:var(--paper)}
.hero{min-height:calc(100vh - 88px);padding:clamp(48px,8vw,110px) var(--pad) 70px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:6vw;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}
.eyebrow{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin:0 0 22px}
.hero h1,.section h2,footer h2{font-size:clamp(56px,8vw,132px);line-height:.84;letter-spacing:-.075em;margin:0;font-weight:700}
.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--gold)}
.hero-bottom{margin-top:48px;display:flex;align-items:flex-end;gap:36px;max-width:720px}.hero-bottom>p{max-width:500px;margin:0;color:#bcb8b2;font-size:clamp(14px,1.2vw,18px);line-height:1.55}
.round-link{width:82px;height:82px;border:1px solid #45433f;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;font-size:15px;flex:0 0 auto;transition:.3s}.round-link span{text-transform:uppercase;font-size:9px;letter-spacing:.14em}.round-link:hover{background:var(--gold);color:var(--ink);transform:rotate(-8deg)}
.hero-stage{height:min(680px,67vw);max-height:680px;position:relative}.hero-piece{position:absolute;padding:0;border:0;background:none;cursor:zoom-in;box-shadow:0 28px 70px rgba(0,0,0,.52);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .3s}.hero-piece img{width:100%;height:100%;object-fit:cover}.hero-piece:hover{z-index:4;filter:saturate(1.1)}.hero-piece-a{width:78%;height:45%;right:0;top:8%;transform:rotate(3deg)}.hero-piece-a:hover{transform:rotate(0) scale(1.035)}.hero-piece-b{width:51%;height:49%;left:2%;bottom:5%;transform:rotate(-5deg)}.hero-piece-b:hover{transform:rotate(-1deg) scale(1.035)}.hero-piece-c{width:38%;height:46%;right:1%;bottom:2%;transform:rotate(5deg)}.hero-piece-c:hover{transform:rotate(1deg) scale(1.035)}
.hero-stamp{position:absolute;left:39%;top:38%;width:112px;height:112px;border-radius:50%;background:var(--purple);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:36px;line-height:.75;text-align:center;transform:rotate(-8deg);z-index:5;box-shadow:0 14px 40px #0008}.hero-stamp span{font-size:9px;line-height:1.15;text-transform:uppercase;letter-spacing:.14em;margin-top:10px}
.section{padding:clamp(85px,11vw,175px) var(--pad);border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.6fr);gap:8vw;align-items:end;margin-bottom:clamp(46px,7vw,100px)}.section h2{font-size:clamp(54px,7vw,108px)}.section-intro{color:#a9a49e;line-height:1.6;font-size:16px;max-width:470px;margin:0 0 8px}
.featured-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(10px,1.4vw,22px)}
.work-card{grid-column:span 4;border:0;padding:0;background:none;text-align:left;cursor:zoom-in;position:relative;overflow:hidden}.work-card.wide{grid-column:span 7}.work-card.tall{grid-column:span 5}.work-card.full{grid-column:span 12}.work-visual{position:relative;overflow:hidden;background:#161616}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .35s}.work-card:hover img{transform:scale(1.035);filter:saturate(1.1)}.work-card .work-visual::after{content:"View ↗";position:absolute;right:12px;top:12px;padding:8px 10px;border-radius:99px;background:#0b0b0bd9;font-size:9px;text-transform:uppercase;letter-spacing:.12em;opacity:0;transform:translateY(-8px);transition:.25s}.work-card:hover .work-visual::after{opacity:1;transform:none}.ratio-landscape{aspect-ratio:1.75}.ratio-square{aspect-ratio:1}.ratio-portrait{aspect-ratio:.8}.work-meta{display:flex;justify-content:space-between;gap:20px;padding:14px 1px 24px;border-top:1px solid transparent}.work-meta strong{font-size:13px;font-weight:500}.work-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.systems-section{background:#eeece6;color:#0c0c0c}.systems-section .eyebrow{color:#6c46d9}.systems-section .section-intro{color:#65625e}.systems-list{display:flex;flex-direction:column;border-top:1px solid #bbb7af}
.system-group-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 16px;border-bottom:1px solid #bbb7af;position:sticky;top:88px;z-index:3;background:#eeece6}.system-group-head span{font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#6c46d9}.system-group-head p{margin:0;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#77716b}
.system{display:grid;grid-template-columns:280px 1fr;gap:5vw;padding:42px 0;border-bottom:1px solid #bbb7af}.system-copy{display:flex;flex-direction:column;justify-content:space-between;min-height:300px}.system-number{font-size:10px;letter-spacing:.18em;color:#77716b}.system h3{font-size:clamp(28px,3.5vw,56px);line-height:.95;letter-spacing:-.045em;margin:25px 0 18px}.system p{font-size:13px;line-height:1.55;color:#625f5a;margin:0;max-width:260px}.system-tags{display:flex;gap:7px;flex-wrap:wrap}.system-tags span{border:1px solid #aaa59d;border-radius:99px;padding:6px 9px;text-transform:uppercase;font-size:8px;letter-spacing:.11em}
.system-strip{display:grid;grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:12px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.system-strip button{border:0;padding:0;background:#d7d3ca;cursor:zoom-in;min-height:400px;overflow:hidden}.system-strip img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.system-strip button:hover img{transform:scale(1.03)}
.system-compact .system-strip{grid-auto-columns:minmax(150px,220px);justify-content:start}.system-compact .system-strip button{min-height:280px}
.archive-head{align-items:start}.archive-tools{display:flex;flex-direction:column;gap:20px;align-items:flex-end}.archive-tools>p{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin:0}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.filter{border:1px solid #363432;background:transparent;border-radius:99px;padding:9px 13px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:.2s}.filter:hover,.filter.active{background:var(--paper);color:var(--ink)}
.archive-grid{columns:4 240px;column-gap:14px}.archive-item{display:block;width:100%;break-inside:avoid;margin:0 0 14px;padding:0;border:0;background:#171717;cursor:zoom-in;position:relative;overflow:hidden}.archive-item[hidden]{display:none}.archive-item img{width:100%;height:auto;transition:transform .55s,opacity .3s}.archive-item:hover img{transform:scale(1.025);opacity:.88}.archive-caption{position:absolute;inset:auto 0 0;padding:40px 13px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:flex;justify-content:space-between;gap:15px;opacity:0;transition:.25s}.archive-item:hover .archive-caption{opacity:1}.archive-caption strong{font-size:11px;font-weight:500}.archive-caption span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#d2ccc4}
.approach{background:var(--gold);color:#0b0b0b;display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.approach .eyebrow{color:#563c00}.approach h2{font-size:clamp(50px,6vw,96px)}.approach-grid{border-top:1px solid #88702f}.approach article{display:grid;grid-template-columns:50px 1fr 1.15fr;gap:20px;align-items:start;padding:28px 0;border-bottom:1px solid #88702f}.approach article>span{font-size:10px}.approach h3{font-size:22px;margin:0;letter-spacing:-.03em}.approach article p{font-size:13px;line-height:1.55;margin:0;color:#4e421f}
footer{padding:90px var(--pad) 45px;min-height:55vh;display:flex;justify-content:space-between;align-items:flex-end}footer h2{font-size:clamp(52px,7vw,106px)}footer a{text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.14em;border-bottom:1px solid;padding-bottom:5px}
.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#080808ee;color:#fff;overflow:hidden}.lightbox::backdrop{background:#080808ee;backdrop-filter:blur(14px)}.lightbox[open]{display:grid;grid-template-columns:90px 1fr 90px;align-items:center}.lightbox figure{margin:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px 24px}.lightbox img{max-height:84vh;max-width:min(1100px,82vw);object-fit:contain;box-shadow:0 30px 100px #000}.lightbox figcaption{width:min(1100px,82vw);display:flex;justify-content:space-between;gap:20px;padding-top:12px}.lightbox figcaption span{font-size:12px}.lightbox figcaption small{text-transform:uppercase;letter-spacing:.12em;color:#999;font-size:9px}.lightbox-close{position:fixed;right:24px;top:22px;background:none;border:0;font-size:10px;text-transform:uppercase;letter-spacing:.13em;z-index:3;cursor:pointer}.lightbox-nav{height:100%;background:none;border:0;font-size:30px;cursor:pointer}.lightbox-nav:hover{background:#ffffff08}
@media (max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto}.hero-stage{height:620px}.system{grid-template-columns:220px 1fr}.system-strip{grid-auto-columns:minmax(190px,1fr)}.approach{grid-template-columns:1fr}.archive-grid{columns:3 220px}}
@media (max-width:720px){.site-header{height:72px}.status,.menu{display:none}.menu-toggle{display:block}.menu.open{display:flex;position:absolute;top:71px;left:0;right:0;background:#0b0b0b;padding:24px var(--pad);border-bottom:1px solid var(--line);flex-direction:column}.hero{padding-top:55px;grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(49px,16vw,78px)}.hero-bottom{align-items:center}.hero-stage{height:480px;margin-top:15px}.hero-piece-a{width:86%;height:41%}.hero-piece-b{width:56%;height:46%}.hero-piece-c{width:43%;height:43%}.hero-stamp{width:88px;height:88px;font-size:28px;left:38%}.section-head{grid-template-columns:1fr;gap:26px}.section h2{font-size:clamp(48px,15vw,76px)}.featured-grid{gap:10px}.work-card,.work-card.wide,.work-card.tall{grid-column:span 6}.work-card.full{grid-column:span 12}.work-meta{display:block}.work-meta span{display:block;margin-top:5px}.system{grid-template-columns:1fr;gap:25px}.system-copy{min-height:auto}.system-copy>p{margin-bottom:20px}.system-strip{margin-right:calc(var(--pad) * -1);grid-auto-columns:72vw}.system-compact .system-strip{grid-auto-columns:58vw}.system-compact .system-strip button{min-height:250px}.archive-head{margin-bottom:38px}.archive-tools{align-items:flex-start}.filters{justify-content:flex-start}.archive-grid{columns:2 140px}.archive-caption{display:none}.approach article{grid-template-columns:34px 1fr}.approach article p{grid-column:2}footer{min-height:48vh;flex-direction:column;align-items:flex-start;gap:70px}.lightbox[open]{grid-template-columns:44px 1fr 44px}.lightbox figure{padding-left:0;padding-right:0}.lightbox img,.lightbox figcaption{max-width:calc(100vw - 90px);width:100%}.lightbox-nav{font-size:22px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.cursor-glow{display:none}}
@media (max-width:720px){.system-group-head{top:72px}.system-group-head p{display:none}}
.asset-failed{display:none!important}
#featured{padding-bottom:clamp(70px,7vw,110px)}
.featured-grid{display:block;position:relative;height:clamp(570px,62vw,760px);isolation:isolate}
.featured-grid .work-card{position:absolute;width:22%;grid-column:auto;overflow:visible;transition:transform .35s,filter .35s;box-shadow:0 22px 55px #0008;background:#121212}
.featured-grid .work-card:hover{z-index:20!important;transform:translateY(-8px) rotate(0deg)!important;filter:saturate(1.08)}
.featured-grid .work-visual{display:block}.featured-grid .work-meta{position:absolute;inset:auto 0 0;z-index:2;padding:46px 12px 12px;background:linear-gradient(transparent,#090909e8);opacity:0;transition:opacity .25s}.featured-grid .work-card:hover .work-meta{opacity:1}.featured-grid .work-meta span{color:#d7d2cb}
.featured-grid .work-card:nth-child(1){left:0;top:4%;width:43%;z-index:3;transform:rotate(-1.2deg)}
.featured-grid .work-card:nth-child(2){left:38%;top:0;width:21%;z-index:6;transform:rotate(2.4deg)}
.featured-grid .work-card:nth-child(3){right:0;top:5%;width:22%;z-index:4;transform:rotate(1.2deg)}
.featured-grid .work-card:nth-child(4){left:4%;bottom:0;width:20%;z-index:5;transform:rotate(1.8deg)}
.featured-grid .work-card:nth-child(5){left:23%;bottom:3%;width:23%;z-index:7;transform:rotate(-2deg)}
.featured-grid .work-card:nth-child(6){right:13%;bottom:0;width:39%;z-index:3;transform:rotate(.8deg)}
.featured-grid .work-card:nth-child(7){right:0;top:35%;width:18%;z-index:8;transform:rotate(2.8deg)}
.featured-grid .work-card:nth-child(8){left:59%;top:9%;width:18%;z-index:5;transform:rotate(-2.2deg)}
.featured-grid .work-card:nth-child(9){left:47%;top:38%;width:25%;z-index:9;transform:rotate(1.4deg)}
@media (max-width:720px){#featured{padding-bottom:70px}.featured-grid{display:flex;height:auto;min-height:0;gap:12px;overflow-x:auto;margin-right:calc(var(--pad) * -1);padding:5px var(--pad) 18px 2px;scroll-snap-type:x mandatory}.featured-grid .work-card,.featured-grid .work-card:nth-child(n){position:relative;inset:auto;width:auto;flex:0 0 76vw;transform:none!important;box-shadow:none;scroll-snap-align:start}.featured-grid .work-meta{position:static;opacity:1;background:none;padding:12px 1px 20px}.featured-grid .work-meta span{color:var(--muted)}}

/* Shared Starplex portfolio network chrome */
.site-header.starplex-network-header{position:sticky;top:0;z-index:100;min-height:88px;height:auto;padding:14px clamp(18px,3vw,48px);display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;gap:24px;border-bottom:1px solid #38382f;background:rgba(12,12,11,.94);backdrop-filter:blur(18px)}
.starplex-network-brand{display:inline-flex;align-items:center;gap:12px;width:max-content;color:#f4f2ed;text-decoration:none;font-weight:800;letter-spacing:.04em}.starplex-network-brand img{width:44px;height:44px;object-fit:contain}.starplex-network-brand span{display:grid;font-size:.92rem;line-height:1}.starplex-network-brand small{margin-top:6px;color:#b9b8ae;font-size:.58rem;font-weight:600;letter-spacing:.18em}
.starplex-network-nav{display:flex;align-items:center;gap:4px}.starplex-network-nav a{position:relative;padding:10px 11px;color:#b9b8ae;text-decoration:none;font-size:.76rem;font-weight:700;letter-spacing:.04em}.starplex-network-nav a:hover,.starplex-network-nav a.current{color:#f4f2ed}.starplex-network-nav a.current:after{content:"";position:absolute;left:11px;right:11px;bottom:3px;height:1px;background:#c5a348}
.starplex-book-call{justify-self:end;padding:12px 16px;background:#c5a348;color:#0c0c0b;text-decoration:none;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.starplex-book-call:hover{background:#f4f2ed}
.site-header.starplex-network-header .header-meta{display:none}.site-header.starplex-network-header .design-subnav{grid-column:1/-1;position:static;display:flex;justify-content:center;gap:4px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07);background:transparent;transform:none;opacity:1;pointer-events:auto}.site-header.starplex-network-header .design-subnav a{padding:8px 12px;color:#b9b8ae}
.starplex-closing-cta{width:min(calc(100% - 64px),1380px);margin:clamp(70px,9vw,140px) auto clamp(70px,8vw,120px);padding:clamp(34px,6vw,78px);border:1px solid rgba(197,163,72,.5);background:radial-gradient(circle at 85% 25%,rgba(197,163,72,.18),transparent 34%),#11110f}.starplex-closing-cta h2{max-width:1000px;margin:18px 0 0;color:#f4f2ed;font-size:clamp(3rem,7vw,7.5rem);line-height:.88;letter-spacing:-.06em}.starplex-closing-cta h2 em{color:#c5a348;font-family:Georgia,serif;font-weight:400}.starplex-closing-cta>a{display:inline-block;margin-top:34px;padding:15px 19px;background:#c5a348;color:#0c0c0b;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.starplex-mobile-book{display:none}
.footer-links{display:flex;gap:24px;align-items:center}.footer-links a:first-child{color:#c5a348}
@media(max-width:980px){.site-header.starplex-network-header{grid-template-columns:1fr auto}.starplex-network-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-top:6px;border-top:1px solid rgba(255,255,255,.07)}.starplex-book-call{grid-column:2;grid-row:1}.site-header.starplex-network-header .design-subnav{grid-row:3}}
@media(max-width:680px){body{padding-bottom:62px}.site-header.starplex-network-header{min-height:68px;padding:10px 14px;display:grid;grid-template-columns:1fr}.starplex-network-brand img{width:38px;height:38px}.starplex-network-nav,.starplex-book-call,.site-header.starplex-network-header .header-meta{display:none}.site-header.starplex-network-header .design-subnav{grid-row:2;display:flex;justify-content:flex-start;overflow-x:auto;padding-top:7px}.starplex-mobile-book{position:fixed;left:0;right:0;bottom:0;z-index:150;display:flex;align-items:center;justify-content:center;min-height:58px;background:#c5a348;color:#0c0c0b;text-decoration:none;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 -10px 30px rgba(0,0,0,.35)}.starplex-closing-cta{width:calc(100% - 28px);padding:32px 22px}.starplex-closing-cta h2{font-size:clamp(2.8rem,14vw,4.6rem)}}