/* Ads & More — perspective, made tangible. */
[hidden]{display:none!important}html{scrollbar-gutter:stable}body{--paper:#f5f4ef;--ink:#20211f;--line:#d9d9d1;--muted:#666860;--red:#ed4b39}header{height:100px}.desktop-nav{display:flex;gap:28px;font-size:13px}.desktop-nav a:hover{color:var(--red)}.hero{height:max(780px,100svh);padding:0;min-height:0}.hero-scene{position:absolute;inset:0;padding:155px 6% 48px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;background:var(--paper)}.hero-kicker{display:flex;align-items:center;gap:11px;font:11px monospace;text-transform:uppercase;letter-spacing:.1em}.hero-kicker:before{content:'';width:7px;height:7px;background:var(--red);border-radius:50%}.hero-topline{display:flex;justify-content:space-between;align-items:start}.hero-note{position:static;font:12px/1.7 monospace;text-align:right;color:var(--muted)}.hero-bottom{grid-template-columns:1.5fr 1fr;align-items:end;gap:8%}.hero h1{font-size:clamp(80px,9vw,150px);line-height:.92;letter-spacing:-.075em}.hero h1 em{font-family:Georgia,serif;font-style:italic;color:var(--ink);font-weight:400}.hero-copy p{font-size:19px;line-height:1.6;margin:0 0 26px}.hero .scroll-note{margin:35px 0 0;display:flex;justify-content:space-between}.hero-bottom-wrap{width:100%}.hero-footnote{color:var(--muted)}.binoculars{--diam:216px;position:absolute;left:58%;top:38%;width:calc(var(--diam)*2 + 22px);height:calc(var(--diam) + 70px);z-index:10;transform:translate(-50%,-50%);cursor:grab;touch-action:none;outline-offset:12px;border-radius:100px;background:none;border:0;padding:0}.binoculars:active,.binoculars.picked{cursor:grabbing}.bino-barrel{position:absolute;top:50px;width:var(--diam);height:var(--diam);border-radius:50%;background:conic-gradient(from 10deg,#202322,#484b48,#121413,#373b36,#161817);box-shadow:0 0 0 2px #a2a49b,0 18px 28px #171b1725,inset 0 0 0 10px #252827,inset 0 0 0 11px #777b72;pointer-events:none}.bino-barrel:first-child{left:0}.bino-barrel:nth-child(2){right:0}.bino-barrel:before{content:'';position:absolute;inset:12px;border-radius:50%;border:2px solid var(--red);background:repeating-conic-gradient(from 0deg,#d5d7ca 0 0.6deg,transparent .6deg 10deg);mask:radial-gradient(circle,transparent 66%,#000 67%)}.lens-window{position:absolute;inset:26px;border-radius:50%;overflow:hidden;background:transparent;box-shadow:inset 0 0 9px #0005;isolation:isolate}.lens-window:after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(130deg,#ffffff35 0%,transparent 35%,transparent 70%,#5b8c8b15);box-shadow:inset 2px 4px 8px #ffffff70}.lens-copy{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}.lens-copy .hero-scene{position:relative;inset:auto}.bino-bridge{position:absolute;left:38%;right:38%;height:44px;top:calc(var(--diam)*.56);background:linear-gradient(#60625b,#20231f 30%,#10120f);border:1px solid #76796e;z-index:-1;box-shadow:0 14px 15px #0003}.bino-wheel{position:absolute;left:calc(50% - 16px);width:32px;height:68px;top:calc(var(--diam)*.42);background:repeating-linear-gradient(0deg,#181b18 0 3px,#5c6057 3px 4px);border:1px solid #7c8177;border-radius:8px;z-index:1}.bino-eyepiece{position:absolute;top:12px;width:92px;height:75px;background:linear-gradient(90deg,#1c201c,#555b50 40%,#141713);border:2px solid #a1a698;border-radius:23px 23px 7px 7px;z-index:-2}.bino-eyepiece.left{left:calc(var(--diam)/2 - 46px)}.bino-eyepiece.right{right:calc(var(--diam)/2 - 46px)}.bino-label{position:absolute;top:calc(var(--diam) + 67px);width:100%;text-align:center;font:11px monospace;color:var(--muted);letter-spacing:.05em;pointer-events:none}.bino-label:before{content:'↖';margin-right:8px;color:var(--red)}.binoculars.picked .bino-label{opacity:0}.bino-cross{position:absolute;left:50%;top:50%;width:9px;height:9px;border-left:1px solid var(--red);border-top:1px solid var(--red);transform:rotate(45deg);opacity:.6;pointer-events:none}.brand-strip{padding:25px 6%;border-block:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;align-items:center;flex-wrap:wrap}.brand-strip>span:first-child{font:10px monospace;color:var(--muted)}.brand-strip strong{font:500 18px Georgia,serif;color:var(--muted)}.build{height:230vh}.service-card{border:0;border-top:1px solid var(--line);border-radius:0}.service-card .media{border-radius:8px}.service-card .card-copy{padding:25px 0}.service-symbol{background:linear-gradient(140deg,#e9e7dd,#dddfd2);color:#343a30}.service-card:nth-child(2n) .service-symbol{background:#e7ded7;color:var(--red)}.service-card:hover{transform:translateY(-5px)}.section{padding-top:110px;padding-bottom:110px}.project .media{border-radius:8px}.project:nth-child(2) .placeholder-art{background:#eee6d6}.journal-section{background:#ecece4}.journal-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}.journal-heading h2{margin:35px 0 0}.journal-heading>a{white-space:nowrap}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.journal-card{display:block;min-width:0}.journal-art{aspect-ratio:1.35;position:relative;padding:25px;background:#e0e1d4;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.journal-art:before{content:'';width:140px;height:140px;border:1px solid #6c72564a;border-radius:50%;position:absolute;right:-20px;top:45px;box-shadow:0 0 0 25px #6c725610,0 0 0 50px #6c72560b}.journal-art strong{font:italic 38px/1.1 Georgia,serif;max-width:220px;position:relative}.journal-art .micro{font-size:9px}.journal-art .art-arrow{position:absolute;bottom:20px;right:25px;font-size:38px}.journal-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.journal-card:hover img{transform:scale(1.03)}.journal-card:nth-child(3n+2) .journal-art{background:#e6d8cd}.journal-card:nth-child(3n) .journal-art{background:#d6dcd8}.journal-meta{display:flex;justify-content:space-between;margin:22px 0 12px;color:var(--muted);text-transform:uppercase;font-size:10px}.journal-card h3{font-size:27px;line-height:1.15}.journal-card p{font-size:14px;margin-bottom:24px}.journal-empty{grid-column:1/-1;padding:45px 0;border-top:1px solid var(--line)}.journal-empty h2{font-size:42px;margin-bottom:20px}.journal-page header{position:relative;border-bottom:1px solid var(--line)}.journal-nav{display:flex;align-items:center;gap:28px;font-size:14px}.journal-main,.article-main{padding:70px 6%}.journal-intro{padding:20px 0 70px}.journal-intro h1{font-size:clamp(58px,8vw,120px);margin:35px 0 25px}.journal-intro>p{font-size:20px}.article-heading{max-width:1000px;margin:65px auto 55px}.article-heading h1{font-size:clamp(44px,6.3vw,90px);line-height:1.03;margin:22px 0 28px;overflow-wrap:anywhere}.article-deck{font-size:24px;max-width:760px}.article-byline{display:flex;align-items:center;gap:14px;font-size:13px;margin-top:34px;line-height:1.8}.author-mark{width:45px;height:45px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-weight:bold;font-size:13px}.author-mark span{color:var(--red)}.article-byline .micro{font-size:10px;color:var(--muted)}.article-cover{margin:0 auto 60px;max-width:1200px;aspect-ratio:2;overflow:hidden;border-radius:8px}.article-cover img{width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:1fr 3fr;gap:8%;max-width:1000px;margin:auto}.article-layout aside{border-top:1px solid var(--line);padding-top:20px;font-size:13px;line-height:1.7}.article-layout aside>p{font-size:13px}.article-prose{max-width:700px;overflow-wrap:anywhere}.article-prose p,.article-prose li{font-size:18px;line-height:1.85;color:#51564d}.article-prose h2{font-size:38px;margin:50px 0 20px;line-height:1.12}.article-prose h3{font-size:28px;margin:35px 0 18px}.article-prose h4{font-size:22px}.article-prose a:not(.button){text-decoration:underline;text-underline-offset:4px}.article-prose blockquote{font:italic 28px/1.5 Georgia,serif;border-left:3px solid var(--red);padding-left:25px;margin:35px 0}.article-prose em{font-style:italic;color:inherit}.article-end{padding:40px 0;margin-top:60px;border-top:1px solid var(--line)}.article-end h2{margin-top:20px}.related{margin-top:80px;border-top:1px solid var(--line);padding-top:30px}.related h2{font-size:45px}.preview-notice{padding:16px;background:#f7dfaa;font:11px monospace;margin-bottom:35px}.contact input:focus-visible,.contact textarea:focus-visible{outline:2px solid var(--red);outline-offset:5px}.dark .journal-section{background:#242721}.dark .journal-art{color:#20211f}.dark .article-prose p,.dark .article-prose li{color:#cccec4}.dark .hero-scene{background:var(--paper)}
@media(max-width:1000px){.desktop-nav{gap:18px}.hero h1{font-size:100px}.binoculars{--diam:185px;top:36%;left:63%}.hero-bottom{grid-template-columns:1.2fr 1fr;gap:4%}.hero-copy p{font-size:17px}.hero .button{font-size:12px;gap:12px}.hero .button b{width:30px;height:30px}.journal-grid{gap:20px}.journal-card h3{font-size:23px}}
@media(max-width:700px){header{height:80px}.desktop-nav{display:none}.hero{height:960px;min-height:0}.hero-scene{padding:110px 7% 30px}.hero-note{display:none}.hero h1{font-size:clamp(65px,12.5vw,90px);line-height:.95}.hero-bottom{grid-template-columns:1fr;gap:26px}.hero-copy p{font-size:17px;max-width:380px;margin-bottom:20px}.hero .scroll-note{font-size:9px;margin-top:32px}.hero-footnote{display:none}.binoculars{--diam:145px;left:50%;top:34%;width:calc(var(--diam)*2 + 12px)}.lens-window{inset:22px}.bino-eyepiece{width:65px;height:60px;top:20px}.bino-eyepiece.left{left:calc(var(--diam)/2 - 32px)}.bino-eyepiece.right{right:calc(var(--diam)/2 - 32px)}.bino-wheel{width:25px;left:calc(50% - 12px);height:55px;top:80px}.bino-label{font-size:9px}.brand-strip{gap:22px;justify-content:center}.brand-strip>span:first-child{width:100%;text-align:center}.brand-strip strong{font-size:15px}.section{padding:70px 7%}.journal-heading{align-items:start;flex-direction:column}.journal-heading h2{font-size:48px}.journal-grid{grid-template-columns:1fr}.journal-card{margin-bottom:20px}.journal-art{aspect-ratio:1.6}.journal-card h3{font-size:27px}.journal-nav{gap:15px;font-size:12px}.journal-nav .button{display:none}.journal-main,.article-main{padding:40px 7%}.journal-intro{padding:20px 0 35px}.journal-intro h1{font-size:60px}.journal-intro>p{font-size:17px}.article-layout{grid-template-columns:1fr;gap:20px}.article-layout aside{display:none}.article-heading{margin:40px 0}.article-deck{font-size:20px}.article-prose h2{font-size:32px}.article-prose p,.article-prose li{font-size:17px}.article-prose blockquote{font-size:24px}.article-cover{aspect-ratio:1.4}.footer-bottom{gap:20px;line-height:1.6}.hero .actions{gap:10px}.hero .actions .button{padding-left:17px;min-height:49px}.service-cards{grid-template-columns:1fr 1fr}.service-card .micro{font-size:9px}.service-card p{min-height:0}.service-card button{font-size:12px}.service-card h3{font-size:21px}.build{height:200vh}}
@media(max-width:360px){.binoculars{--diam:130px}.hero{height:940px}.hero h1{font-size:61px}.service-cards{grid-template-columns:1fr}.hero .actions{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){.build{height:auto}.binoculars{transition:none}.journal-art img{transition:none}}

.hero-backdrop{position:absolute;inset:0;background:none;opacity:.12;pointer-events:none}.hero-topline,.hero-bottom-wrap{position:relative}.hero-backdrop:empty{display:none}

.bino-label{left:0}
/* A second reading of the page: creative notes, magnification, and hold-to-reveal. */
.global-binoculars{position:fixed!important;--diam:clamp(125px,14vw,190px);z-index:80;pointer-events:none}.global-binoculars .bino-wheel{pointer-events:auto;cursor:grab}.global-binoculars .bino-label{display:none}.binoculars .bino-label{line-height:1.6}.lens-context.hero{position:relative;min-height:0;height:auto;padding:0;display:block;overflow:visible}.lens-context.hero .hero-scene{position:relative;inset:auto}.lens-copy{pointer-events:none}.lens-focus{position:absolute;border:1px solid #ed6751;pointer-events:none;z-index:2}.lens-focus:before,.lens-focus:after{content:'';position:absolute;width:4px;height:4px;background:#ff775f;top:-2px}.lens-focus:before{left:-2px}.lens-focus:after{right:-2px}.lens-insight{position:absolute;left:12%;right:12%;bottom:13%;z-index:4;padding:7px 9px;background:#242c24ed;color:#f5f3e7;text-align:left;border-radius:4px;box-shadow:0 4px 16px #0002;font:9px/1.45 monospace;letter-spacing:0;pointer-events:none;max-height:64%;overflow:hidden}.lens-insight strong{display:block;color:#f2b994;font-weight:400;margin-bottom:4px;font-size:9px}.lens-insight>span{font-size:8px}.perspective-overlay{position:fixed;inset:0;pointer-events:none;z-index:65;overflow:hidden}.inspect-frame{position:fixed;border:1px solid #dc6249b0;pointer-events:none;box-sizing:border-box;z-index:2}.inspect-frame:before,.inspect-frame:after{content:'';position:absolute;width:4px;height:4px;background:#ed6047;top:-2px}.inspect-frame:before{left:-2px}.inspect-frame:after{right:-2px}.inspect-title,.inspect-note{position:absolute;left:-1px;bottom:calc(100% + 5px);max-width:min(330px,calc(100vw - 35px));width:max-content;padding:5px 8px;font:9px/1.35 monospace;letter-spacing:.01em;white-space:normal;box-sizing:border-box}.inspect-title{background:#ed6047;color:#fff7ef;border-radius:3px 3px 0 0}.inspect-note{bottom:auto;top:calc(100% + 5px);background:#283026;color:#eef0e2;border-radius:0 0 3px 3px;padding:6px 9px;font-size:9px}.label-below>.inspect-title{bottom:auto;top:2px;left:2px}.label-below>.inspect-note{top:29px;left:2px}.label-at-right>.inspect-title,.label-at-right>.inspect-note{left:auto;right:0}.inspection .inspect-note{font-size:8px;max-width:320px;opacity:.95}.inspect-all{position:absolute;inset:0}.perspective-cursor{position:fixed;width:18px;height:18px;border:1px solid #ed6047aa;border-radius:50%;transform:translate(-50%,-50%);z-index:5}.perspective-cursor:before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#ed6047;top:6.5px;left:6.5px}.perspective-controls{position:fixed;bottom:18px;left:5%;right:5%;z-index:85;pointer-events:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.perspective-instruction{font:10px/1.5 monospace;letter-spacing:0;padding:10px 15px;border-radius:30px;background:#f5f4efed;color:#4c5546;box-shadow:0 2px 15px #0000000a;display:flex;align-items:center;gap:10px;border:1px solid #d5d9ca;pointer-events:none}.perspective-instruction i{height:5px;width:5px;background:#ed6047;border-radius:50%;flex-shrink:0}.recall-binoculars{pointer-events:auto;font-size:11px;background:#293323;color:#f2f3e9;border-radius:30px;padding:13px 18px;box-shadow:0 2px 20px #0002;margin-left:auto;min-height:42px}.perspective-live{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.xray{--paper:#171c19;--ink:#edf0e6;--line:#3d473d;--muted:#acb5a4;--red:#f08567;background:#171c19;color:#edf0e6}body.xray .hero-scene{background:#171c19}body.xray .hero h1 em{color:#d8e2c4}body.xray :is(.section,.brand-strip,footer){background:#171c19;color:#edf0e6}body.xray :is(.journal-section,.contact){background:#202a21}body.xray :is(.service-symbol,.placeholder-art,.person-initial){background:#283528;color:#dbe3c9}body.xray .service-symbol{color:#e6ae91}body.xray .project .placeholder-art>span:first-child{color:#e1e6d7}body.xray .journal-art{background:#2b3a2a;color:#e1e8d1}body.xray .journal-card:nth-child(2) .journal-art{background:#3e3028}body.xray .journal-card:nth-child(3) .journal-art{background:#283638}body.xray .article-prose :is(p,li){color:#cad3c0}body.xray .perspective-overlay:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#bfd39b0c 1px,transparent 1px),linear-gradient(90deg,#bfd39b0c 1px,transparent 1px);background-size:24px 24px}body.xray .perspective-instruction{background:#293323;color:#dce6cf;border-color:#4e5b44}body.xray .recall-binoculars{background:#d5dfbc;color:#27321f}body.xray .lens-window{background:#171c19}body.xray .lens-window:after{background:linear-gradient(130deg,#9ecbbf10,transparent 50%,#62785915)}.xray main *{outline:none}.xray #xray-label{display:none}
@media(max-width:700px){.global-binoculars{--diam:125px}.perspective-instruction{font-size:8px;padding:9px 11px;max-width:220px}.perspective-controls{bottom:12px;left:5%;right:5%;gap:7px}.recall-binoculars{font-size:9px;padding:10px 13px;min-height:38px}.inspect-title,.inspect-note{max-width:230px;font-size:8px}.inspection .inspect-note{max-width:220px;font-size:7px}.lens-insight{left:10%;right:10%;padding:5px 6px;bottom:15%}.lens-insight strong{font-size:7px;margin-bottom:2px}.lens-insight>span{font-size:7px}.perspective-instruction:has(+button:not([hidden])){display:none}}
@media(hover:none){.perspective-cursor{display:none}.inspect-frame:not(.inspection){display:none}.perspective-instruction{max-width:260px}}
@media(prefers-reduced-motion:reduce){.global-binoculars,.inspect-frame,.perspective-overlay{transition:none;animation:none}}
.global-binoculars .bino-wheel{pointer-events:none}.xray main :focus-visible{outline:2px solid var(--red);outline-offset:5px}

/* Physical optics stay clear. Hold-to-inspect is a separate, clipped circle. */
.binoculars .lens-insight,.binoculars .lens-focus{display:none!important}
.peek-circle{--paper:#101613;--ink:#edf2e5;--line:#3b4a3d;--muted:#c2ccb5;--red:#f4775d;position:fixed;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:#101613;color:#edf2e5;overflow:hidden;isolation:isolate;border:1px solid #f0775d;box-shadow:0 0 0 7px #f4775d0c;pointer-events:none;z-index:6;text-align:left}
.peek-circle:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#a5bea413 1px,transparent 1px),linear-gradient(90deg,#a5bea413 1px,transparent 1px);background-size:22px 22px;pointer-events:none;z-index:1}
.peek-circle .lens-copy{z-index:0}.peek-circle .lens-context{color:#edf2e5}.peek-circle :is(.hero-scene,.section,.contact,.journal-section,.journal-intro,.article-heading,.article-layout,footer,header,.brand-strip){background:#101613;color:#edf2e5}.peek-circle :is(.placeholder-art,.service-symbol,.journal-art,.person-initial){background:#253126;color:#d7e0c8}.peek-circle .hero h1 em{color:#dce6c9}.peek-circle .hero-copy p,.peek-circle p,.peek-circle .article-prose :is(p,li){color:#c2ccb5}.peek-circle .lens-insight{position:absolute;left:12%;right:12%;top:15%;bottom:auto;border-radius:0;background:#253126ed;font-size:9px;max-height:35%;padding:7px 10px}.peek-circle .lens-insight strong{background:#ed6047;color:#fff3e9;margin:-7px -10px 5px;padding:4px 9px;font-size:9px}.peek-circle .lens-insight>span{font-size:9px}.peek-circle .lens-focus{z-index:2}.peek-crosshair{position:absolute;inset:0;background:linear-gradient(transparent calc(50% - .5px),#ed604755 calc(50% - .5px),#ed604755 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),#ed604755 calc(50% - .5px),#ed604755 calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none;z-index:3}.peek-crosshair:before{content:'';position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#ed6047}.peek-coordinates{position:absolute;bottom:10%;left:25%;right:25%;text-align:center;padding:4px;background:#121a14d9;color:#d7e4c6;font:9px/1.3 monospace;z-index:4}
@media(max-width:700px){.peek-circle{width:260px;height:260px}.peek-circle .lens-insight strong,.peek-circle .lens-insight>span{font-size:8px}.peek-coordinates{font-size:8px}}

.perspective-cursor.touch-visible{display:block!important;opacity:1!important;width:26px;height:26px;border:1.5px solid #ed6047;background:#ed60471f;box-shadow:0 0 0 5px #ed60470d;z-index:10}.perspective-cursor.touch-visible:before{width:4px;height:4px;top:9.5px;left:9.5px;background:#ed6047}.global-binoculars{cursor:grabbing}.binoculars{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}

.perspective-cursor{will-change:transform;transition:opacity .16s ease-out}.peek-circle{will-change:transform,left,top}

/* Touch inspection is an explicit, captured drag. Ordinary swipes stay native. */

/* Keep press-and-hold for inspection rather than native text selection. */
body:not(.admin){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y pinch-zoom}
body:not(.admin) input,body:not(.admin) textarea,body:not(.admin) [contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}

@media(hover:none),(pointer:coarse){body.touch-pointing .inspect-frame:not(.inspection){display:block}}

.studio-loader{position:fixed;inset:0;z-index:200;background:#f5f4ef;color:#263323;padding:5vh 6%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;transition:opacity .35s ease,visibility .35s;--loaded:1%}.studio-loader.is-complete{opacity:0;visibility:hidden}.loader-head,.loader-foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.loader-head b{font-size:30px;letter-spacing:-2px}.loader-head b span{color:#ed6047}.loader-head>span,.loader-foot{font:10px/1.6 monospace;letter-spacing:.08em}.loader-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:62vh;border-top:1px solid #26332322;border-left:1px solid #26332322}.loader-grid>i{border-bottom:1px solid #26332322;border-right:1px solid #26332322}.loader-grid:after{content:'';position:absolute;bottom:0;left:0;width:var(--loaded);height:3px;background:#ed6047}.loader-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(90px,19vw,250px);letter-spacing:-.08em;font-weight:400}.loader-number>span{font:clamp(20px,4vw,50px) monospace;color:#ed6047;margin-left:12px}.binoculars{will-change:scale,opacity}@media(max-width:700px){.loader-head>span{max-width:120px;text-align:right}.loader-foot{font-size:8px}.loader-state{max-width:130px;text-align:right}}

/* Scroll-drawn construction grid, scoped to the build chapter. */
#build{position:relative;background-image:radial-gradient(circle,#a2a89866 .7px,transparent .9px);background-size:18px 18px}
#build .blueprint-bars{background:none!important;opacity:var(--grid,0);pointer-events:none;z-index:0}
.grid-stroke{position:absolute;display:block;background:#dd67488c;will-change:transform}
.grid-stroke.vertical{top:0;height:100%;width:1px;transform:scaleY(var(--draw,0));transform-origin:top}
.grid-stroke.horizontal{left:0;width:100%;height:1px;transform:scaleX(var(--draw,0));transform-origin:left}
#build .blueprint{background:var(--paper);isolation:isolate}
#build .mini-nav,#build .mini-title,#build .mini-card,#build .mini-button{z-index:1}
@media(prefers-reduced-motion:reduce){.grid-stroke{transform:none!important}#build .blueprint-bars{opacity:1}}

/* Full-width construction surface throughout the build chapter. */
#build{background-image:none}
#build>.build-sticky{isolation:isolate}
#build>.build-sticky:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,#9ba49440 1px,transparent 1px),linear-gradient(to bottom,#9ba49440 1px,transparent 1px),radial-gradient(circle,#8c968466 .7px,transparent 1px);background-size:calc(100% / 12) 100%,100% 96px,18px 18px;opacity:var(--build-grid,0);clip-path:inset(0 calc(100% - var(--build-sweep,0%)) 0 0)}
#build .blueprint{background:transparent;box-shadow:none}
@media(max-width:700px){#build>.build-sticky:before{background-size:calc(100% / 6) 100%,100% 72px,16px 16px}}
@media(prefers-reduced-motion:reduce){#build>.build-sticky:before{opacity:1;clip-path:none}}

#build .section-top{align-items:flex-start} .build-progress-heading{text-align:right;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.build-progress-heading>span{font:11px/1.5 monospace;letter-spacing:.03em;color:var(--muted)}.build-progress-heading>strong{font-size:clamp(48px,6vw,88px);font-weight:400;line-height:1;letter-spacing:-.065em;color:var(--ink);font-variant-numeric:tabular-nums}.build-progress-heading small{font-size:.4em;letter-spacing:-.03em;margin-left:3px}@media(max-width:700px){.build-progress-heading>span{font-size:9px}.build-progress-heading>strong{font-size:52px}}
/* Editorial subpages */
.content-page{padding:150px 6% 0;max-width:1600px;margin:auto}.page-intro{padding:40px 0 85px;max-width:1000px}.page-intro>.micro{display:block;margin-bottom:24px}.page-intro h1{font-size:clamp(54px,7.5vw,110px);line-height:1.02;margin:24px 0;letter-spacing:-.065em}.page-intro>p{font-size:clamp(18px,2vw,26px);line-height:1.5;max-width:700px;color:var(--muted)}.page-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 30px}.page-visual{aspect-ratio:1.6;overflow:hidden;background:#dedfd4;margin-bottom:25px}.page-visual img{height:100%;width:100%;object-fit:cover}.page-placeholder{padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#e3e4da,#d1d6c8);color:#293323}.page-placeholder strong{font-size:clamp(26px,4vw,58px);line-height:1;letter-spacing:-.05em;font-weight:400}.page-placeholder strong em{font-family:Georgia,serif}.page-placeholder>span:last-child{font:10px monospace}.page-card h2{font-size:32px;margin:15px 0;letter-spacing:-.04em}.page-card>p{line-height:1.6;color:var(--muted);max-width:600px}.page-service-content,.page-intro-copy{max-width:800px;margin:50px auto 90px}.page-contact{margin-top:100px;padding:70px 0;border-top:1px solid var(--line)}.page-contact h2{font-size:clamp(42px,6vw,80px);margin:20px 0 35px}.journal-nav{display:flex;gap:24px;align-items:center}.page-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.page-fields label:has(textarea){grid-column:1/-1}.work-card-editor{border:1px solid #d8dbd1;padding:24px;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-card-editor label:has(textarea){grid-column:1/-1}.work-card-editor legend{font:11px monospace}#page-editor-form .editor-card{margin-bottom:24px}#page-picker{width:100%;margin-top:10px}#page-save-status{font:11px monospace}.admin #page-fields textarea{width:100%}@media(max-width:700px){.content-page{padding:110px 7% 0}.page-intro{padding:20px 0 45px}.page-card-grid,.page-fields,.work-card-editor{grid-template-columns:1fr}.journal-nav{gap:12px;font-size:12px}.journal-nav .button{display:none}.page-placeholder{padding:20px}.page-intro h1{font-size:54px}.page-card h2{font-size:27px}}

/* Lower-section motion: entrances, hover details, and a quiet image drift. */
.motion-enter{opacity:0;transform:translate3d(0,28px,0);transition:opacity .75s ease var(--entrance-delay,0ms),transform .85s cubic-bezier(.2,.7,.2,1) var(--entrance-delay,0ms)}
.motion-enter.motion-in{opacity:1;transform:translate3d(0,0,0)}
.section>.section-top{position:relative;padding-bottom:18px}.section>.section-top:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform 1.15s cubic-bezier(.2,.7,.2,1)}.section>.section-top.motion-in:after{transform:scaleX(1)}
.service-symbol{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.service-card:hover .service-symbol{transform:rotate(-12deg) scale(1.08)}
.project-media .media-inner{translate:0 var(--media-drift,0px);scale:1.035}.project-media .placeholder-art,.journal-art,.page-card .page-visual{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.project:hover .placeholder-art{transform:scale(1.035)}.journal-card:hover .journal-art,.page-card:hover .page-visual{transform:translateY(-5px)}.page-card .page-visual>img{translate:0 var(--media-drift,0px);scale:1.04}
.person .media{transition:border-radius .65s ease}.person:hover .media{border-radius:45% 45% 4px 4px}.round-link,.art-arrow{transition:transform .4s ease}.project:hover .round-link,.journal-card:hover .art-arrow{transform:rotate(45deg)}
.contact .button b{transition:transform .4s ease}.contact .button:hover b{transform:rotate(-45deg)}.footer-logo{display:inline-block}
.lens-copy .motion-enter{opacity:1!important;transform:none!important;transition:none!important}.lens-copy .section-top:after{transform:scaleX(1)!important}
@media(hover:none){.motion-enter{transform:translate3d(0,16px,0);transition-duration:.55s}.motion-enter.motion-in{transform:none}.person:hover .media{border-radius:0}.project-media .media-inner{translate:none;scale:1}}
@media(prefers-reduced-motion:reduce){.motion-enter{opacity:1!important;transform:none!important;transition:none!important}.section>.section-top:after{transform:scaleX(1);transition:none}.project-media .media-inner,.page-card .page-visual>img{translate:none;scale:1}.service-card:hover .service-symbol,.project:hover .placeholder-art,.journal-card:hover .journal-art,.page-card:hover .page-visual,.project:hover .round-link,.journal-card:hover .art-arrow{transform:none}.person:hover .media{border-radius:0}}

/* Fixed right-edge ruler and persistent binocular dock. */
.ruler{left:auto!important;right:0;width:12px;height:100dvh;opacity:.65;background:repeating-linear-gradient(to bottom,var(--muted) 0 1px,transparent 1px 8px);pointer-events:none;z-index:35}.ruler:before{content:'';position:absolute;right:0;top:0;bottom:0;width:5px;background:var(--paper)}.ruler:after{content:'';position:absolute;right:3px;top:clamp(8px,var(--scroll-position,8px),calc(100% - 14px));width:7px;height:7px;border-radius:50%;background:#ed6047;box-shadow:0 0 0 3px var(--paper)}

/* Clear physical optics; dark inspection styling belongs only to .peek-circle. */
.binoculars .bino-barrel{background:radial-gradient(closest-side,transparent calc(100% - 26px),#343b35 calc(100% - 25px),#161b18 100%)}
.binoculars .lens-window{background:transparent!important;box-shadow:inset 0 0 3px #ffffff55}
.binoculars .lens-window:after{background:linear-gradient(130deg,#ffffff25,transparent 38%,transparent 75%,#ffffff0a);box-shadow:inset 1px 2px 3px #ffffff55}

/* A single composited lens view prevents original and enlarged text doubling. */
.binoculars .lens-window.has-lens-source{background:var(--paper)!important}
.binoculars .lens-window .lens-copy{isolation:isolate}
.binoculars .lens-context,.binoculars .lens-context *{text-shadow:none}