:root{--black:#080808;--char:#101010;--paper:#f2efe9;--paper2:#e7e2d9;--ink:#101010;--muted:#7b7872;--blue:#7891df;--line:rgba(255,255,255,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Inter,Arial,sans-serif;font-weight:300;cursor:auto}a{color:inherit;text-decoration:none}img{display:block;width:100%}.intro{position:fixed;inset:0;background:#070707;z-index:9999;display:grid;place-items:center;transition:opacity .85s,visibility .85s}.intro.done{opacity:0;visibility:hidden}.intro-logo{width:min(330px,54vw)}.intro-logo img{filter:brightness(0) invert(1)}.intro-line{height:1px;background:#242424;margin-top:25px;overflow:hidden}.intro-line i{display:block;height:100%;width:0;background:#8ca2ea;animation:load 1.55s cubic-bezier(.72,0,.2,1) forwards}@keyframes load{to{width:100%}}.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:10000;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:4px;height:4px;background:#fff}.cursor-ring{width:34px;height:34px;border:1px solid rgba(255,255,255,.5);transition:.18s}.cursor-ring.hot{width:64px;height:64px;border-color:var(--blue)}.nav{position:fixed;top:0;left:0;right:0;height:82px;padding:0 3.2vw;display:grid;grid-template-columns:190px 1fr auto auto;gap:34px;align-items:center;z-index:1000;border-bottom:1px solid rgba(255,255,255,.13);transition:.35s}.nav.scrolled{background:rgba(7,7,7,.83);backdrop-filter:blur(16px)}.brand img{width:126px;filter:brightness(0) invert(1)}.nav-note{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#b0b0b0}.nav-links{display:flex;gap:23px;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.nav-contact{font-size:9px;letter-spacing:.15em;text-transform:uppercase;border:1px solid rgba(255,255,255,.35);padding:11px 15px;border-radius:30px}.menu-btn{display:none;background:none;border:0}.hero{position:relative;height:100svh;min-height:780px;overflow:hidden;background:#080808}.hero-photo{position:absolute;inset:0}.hero-photo img{height:100%;object-fit:cover;filter:saturate(.58) contrast(1.05)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.20) 48%,rgba(0,0,0,.42)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 42%)}.hero-ruler{position:absolute;top:112px;left:3.2vw;right:3.2vw;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.2em;color:#bdbdbd;text-transform:uppercase}.hero-copy{position:absolute;left:5.6vw;bottom:12.5vh;z-index:2;width:min(1250px,88vw)}.eyebrow,.section-label,.section-top{font-size:9px;letter-spacing:.2em;text-transform:uppercase}.eyebrow{margin:0 0 26px;color:#d4d4d4}.hero h1{margin:0;font-size:clamp(72px,10.4vw,174px);line-height:.78;letter-spacing:-.065em;font-weight:400;display:flex;flex-direction:column}.hero h1 span:nth-child(2){margin-left:12vw}.hero .serif,.statement-grid em,.ref-intro em,.closing em{font-family:"Libre Caslon Display",Georgia,serif;font-style:italic;font-weight:400;color:#d8def2}.hero-sub{margin-top:48px;display:grid;grid-template-columns:minmax(300px,570px) auto;gap:70px;align-items:end}.hero-sub p{margin:0;font-size:14px;line-height:1.75;color:#e0e0e0}.hero-sub a{font-size:10px;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid #fff;padding-bottom:7px}.hero-sub b{font-size:16px;font-weight:300}.hero-mark{position:absolute;right:-.6vw;bottom:-2.8vw;font-size:clamp(120px,20vw,350px);line-height:.7;font-weight:600;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1);user-select:none}.light{background:var(--paper);color:var(--ink)}.dark{background:#0b0b0b;color:#fff}.section-label{color:#6d6962}.intro-statement{padding:120px 4.3vw 150px}.statement-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:10vw;margin-top:60px}.statement-grid h2{margin:0;font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(62px,7.4vw,122px);line-height:.91;letter-spacing:-.055em;font-weight:400}.statement-copy{padding-top:24px}.statement-copy p{font-size:14px;line-height:1.9;color:#484641;margin:0 0 28px}.line-link{display:inline-block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:6px}.section-top{display:flex;justify-content:space-between;padding:0 3.2vw 38px;color:#999}.section-top a{color:#eee}.editorial-work{padding:90px 0 130px}.work-feature{display:grid;grid-template-columns:1.52fr .72fr;gap:18px;padding:0 3.2vw}.work-main figure,.side-card figure{margin:0;overflow:hidden;background:#181818}.work-main figure{height:68vh;min-height:560px}.side-card figure{height:31vh;min-height:250px}.work-main img,.side-card img{height:100%;object-fit:cover;filter:grayscale(1) brightness(.78);transition:.7s cubic-bezier(.2,.7,.2,1)}.work-main:hover img,.side-card:hover img{filter:grayscale(0) brightness(.92);transform:scale(1.02)}.work-meta{display:grid;grid-template-columns:60px 1fr auto;align-items:end;padding:18px 0 0}.work-meta span,.side-card span{font-size:8px;color:#777}.work-meta h3,.side-card h3{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;letter-spacing:-.035em;margin:0}.work-meta h3{font-size:39px}.work-meta p{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#929292;margin:0}.work-side{display:flex;flex-direction:column;gap:34px}.side-card>div{display:grid;grid-template-columns:40px 1fr;padding-top:13px}.side-card h3{font-size:26px}.plan-section{padding:120px 4.3vw 145px}.plan-head{display:grid;grid-template-columns:1.3fr .7fr;gap:10vw;margin:55px 0 40px}.plan-head h2,.material-title h2,.ref-intro h2,.seo-layout h2,.closing h2{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;letter-spacing:-.055em}.plan-head h2{font-size:clamp(58px,7vw,112px);line-height:.9;margin:0}.plan-head p{font-size:14px;line-height:1.9;color:#4b4944;margin:12px 0 0}.plan-canvas{position:relative;border-top:1px solid #bdb8ae;border-bottom:1px solid #bdb8ae;min-height:620px;overflow:hidden}.plan-canvas svg{width:100%;height:100%;position:absolute;inset:0}.plan-note{position:absolute;background:var(--paper);border:1px solid #aaa49a;padding:11px 13px;min-width:120px;display:flex;gap:14px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.plan-note b{color:var(--blue);font-weight:500}.n1{left:19%;top:35%}.n2{left:48%;top:52%}.n3{right:10%;top:29%}.services{padding:96px 0 130px}.service-list{border-top:1px solid #303030}.service-list a{display:grid;grid-template-columns:65px 1.15fr .9fr 38px;gap:28px;align-items:center;padding:25px 3.2vw;border-bottom:1px solid #303030;transition:.35s}.service-list a:hover{padding-left:4.2vw;background:#111}.service-list span{font-size:8px;color:#6c6c6c}.service-list h3{margin:0;font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(30px,3.4vw,55px);font-weight:400;letter-spacing:-.04em}.service-list i{font-style:normal;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#858585}.service-list b{font-size:20px;font-weight:300}.material-story{padding:120px 4.3vw 145px}.material-title{display:grid;grid-template-columns:1.3fr .6fr;gap:12vw;align-items:end;margin:55px 0}.material-title h2{font-size:clamp(62px,7vw,112px);line-height:.9;margin:0}.material-title p{font-size:13px;line-height:1.85;color:#4b4944;margin:0}.material-composition{height:660px;background:#d9d4ca;position:relative;overflow:hidden;border:1px solid #c5bfb4}.mat{position:absolute;box-shadow:0 30px 70px rgba(36,31,25,.14)}.m1{left:5%;top:12%;width:28%;height:36%;background:linear-gradient(135deg,#eee9df,#c5bdb0 40%,#f4efe8 69%,#c9c0b5)}.m2{left:29%;top:4%;width:20%;height:54%;background:linear-gradient(120deg,#252525,#4e4e4d 44%,#999188 46%,#313131 60%)}.m3{left:54%;top:13%;width:17%;height:32%;background:linear-gradient(90deg,#785438,#bb8c5b,#6d472f)}.m4{right:7%;top:8%;width:20%;height:46%;background:linear-gradient(145deg,#b8b0a7,#6c625b 44%,#d7d0c6)}.m5{left:17%;bottom:8%;width:32%;height:28%;background:linear-gradient(150deg,#ddd6ca,#aba196)}.m6{right:18%;bottom:6%;width:24%;height:36%;background:repeating-linear-gradient(90deg,#2b2b2b 0 5px,#151515 5px 8px)}.material-caption{position:absolute;right:4%;bottom:4%;font-size:9px;line-height:1.8;letter-spacing:.16em;text-transform:uppercase;color:#3d3934;text-align:right}.material-caption span{color:#77716a}.line-link.right{float:right;margin-top:24px}.references{padding:100px 0 130px}.reference-stage{padding:0 3.2vw}.ref-intro{display:grid;grid-template-columns:1.2fr .55fr;gap:12vw;align-items:end;margin:40px 0 70px}.ref-intro h2{font-size:clamp(62px,7.5vw,120px);line-height:.9;margin:0}.ref-intro p{font-size:12px;line-height:1.8;color:#8b8b8b;margin:0}.ref-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333;border-left:1px solid #333}.ref{min-height:245px;border-right:1px solid #333;border-bottom:1px solid #333;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s}.ref:hover{background:#121722}.ref span,.ref small{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#777}.ref strong{font-size:29px;line-height:.95;letter-spacing:-.03em}.ref.elegant strong{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;font-size:40px}.seo-editorial{padding:120px 4.3vw 150px}.seo-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:55px}.seo-layout h2{font-size:clamp(56px,6.4vw,102px);line-height:.93;margin:0}.seo-layout .lead{font-family:"Libre Caslon Display",Georgia,serif;font-size:29px;line-height:1.25;color:#56524d}.seo-columns{column-count:2;column-gap:42px;padding-top:4px}.seo-columns p{break-inside:avoid;font-size:13px;line-height:1.9;color:#4a4742;margin:0 0 22px}.closing{padding:90px 5.5vw 110px;min-height:720px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 78% 60%,rgba(80,102,166,.26),transparent 25%),#090909}.closing-line{font-size:8px;letter-spacing:.2em;color:#717171}.closing-copy{display:flex;justify-content:space-between;align-items:flex-end}.closing h2{font-size:clamp(82px,10vw,160px);line-height:.8;margin:0}.round-link{width:180px;height:180px;border:1px solid #5f5f5f;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:13px;text-transform:uppercase;font-size:9px;letter-spacing:.1em;transition:.35s}.round-link:hover{background:#fff;color:#111;transform:rotate(-5deg)}.round-link b{font-size:19px;font-weight:300}footer{background:#070707;border-top:1px solid #272727;padding:55px 4.3vw 42px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:end}footer img{width:145px;filter:brightness(0) invert(1)}.footer-nav{display:grid;grid-template-columns:repeat(2,max-content);gap:8px 30px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#bbb}.footer-meta{text-align:right;font-size:9px;line-height:1.65;color:#777}.footer-meta p{margin:3px 0}@media(max-width:900px){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}.nav{grid-template-columns:150px 1fr auto}.nav-note,.nav-links,.nav-contact{display:none}.menu-btn{display:block}.menu-btn span{display:block;width:24px;height:1px;background:#fff;margin:6px}.hero-copy{left:5vw;width:90vw}.hero h1{font-size:clamp(68px,18vw,118px)}.hero h1 span:nth-child(2){margin-left:7vw}.hero-sub{grid-template-columns:1fr;gap:25px}.statement-grid,.plan-head,.material-title,.ref-intro,.seo-layout{grid-template-columns:1fr}.work-feature{grid-template-columns:1fr}.work-side{display:grid;grid-template-columns:1fr 1fr}.work-main figure{height:65vw;min-height:420px}.side-card figure{height:36vw}.plan-canvas{min-height:520px}.service-list a{grid-template-columns:42px 1fr 32px}.service-list i{grid-column:2}.service-list b{grid-column:3;grid-row:1}.material-composition{height:520px}.ref-grid{grid-template-columns:repeat(2,1fr)}.seo-columns{column-count:1}.closing-copy{display:block}.round-link{margin-top:60px;width:145px;height:145px}footer{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1/-1;text-align:left}}@media(max-width:560px){.hero{min-height:820px}.hero-mark{font-size:32vw}.intro-statement,.plan-section,.material-story,.seo-editorial{padding:85px 5vw 100px}.statement-grid h2,.plan-head h2,.material-title h2,.ref-intro h2,.seo-layout h2{font-size:48px}.work-side{grid-template-columns:1fr}.work-main figure{height:80vw}.side-card figure{height:65vw}.material-composition{height:440px}.ref-grid{grid-template-columns:1fr}.ref{min-height:190px}.closing{min-height:600px}.closing h2{font-size:68px}footer{grid-template-columns:1fr}.footer-nav{margin-top:15px}}

/* v7.1 hero + references marquee */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-photo img{filter:none;object-position:center center}
.hero-overlay--collage{background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.03) 48%,rgba(0,0,0,.32) 100%)}
.hero-micro{position:absolute;z-index:3;left:3.2vw;right:3.2vw;bottom:28px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.hero-micro a{border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:5px}
.reference-marquee{display:flex;align-items:stretch;background:#f4f0e9;color:#111;border-top:1px solid rgba(0,0,0,.10);border-bottom:1px solid rgba(0,0,0,.12);overflow:hidden}
.reference-marquee-label{flex:0 0 180px;display:flex;align-items:center;padding:0 1.2rem 0 3.2vw;font-size:7px;line-height:1.35;letter-spacing:.18em;text-transform:uppercase;color:#6f6a63;border-right:1px solid rgba(0,0,0,.10)}
.reference-marquee-window{overflow:hidden;width:100%;flex:1}
.reference-marquee-track{display:flex;width:max-content;animation:livaneMarquee 34s linear infinite;will-change:transform}
.reference-marquee:hover .reference-marquee-track{animation-play-state:paused}
.marquee-logo{width:210px;height:96px;border-left:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;padding:14px 24px;flex:none;background:transparent}
.marquee-logo img{width:100%;height:48px;object-fit:contain;filter:none;opacity:1}
.marquee-logo span{display:none}
.ref-logo{align-items:flex-start;background:#f7f3ec}.ref-logo span,.ref-logo small{color:#6c655e}.ref-logo img{width:100%;height:96px;object-fit:contain;object-position:center;filter:none;opacity:1;margin:auto 0}.ref-logo:hover img{opacity:1}.ref-grid--logos .ref{min-height:236px}
@media(max-width:900px){.reference-marquee-label{flex-basis:150px;padding-left:2.2rem}.marquee-logo{width:180px;height:82px;padding:12px 18px}.marquee-logo img{height:42px}.reference-marquee-track{animation-duration:28s}.hero-micro{font-size:7px}.ref-logo img{height:86px}}
@media(max-width:560px){.hero{min-height:650px;height:78svh}.hero-photo img{object-position:center center}.hero-micro{bottom:18px;gap:18px}.hero-micro span{max-width:58%}.reference-marquee{display:block}.reference-marquee-label{display:block;border-right:0;padding:10px 5vw 8px}.marquee-logo{width:150px;height:72px;padding:10px 14px}.marquee-logo img{height:34px}.reference-marquee-track{animation-duration:24s}.ref-grid--logos .ref{min-height:205px}.ref-logo img{height:74px}}

.seo-h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}