/* One visual grammar across photographs and conceptual diagrams. */
.hero-image{object-position:72% center}.hero-copy{max-width:56%}.scene-registration{position:absolute;right:8%;bottom:20%;display:flex;align-items:center;gap:1rem;font:.75rem/1.8 var(--mono);letter-spacing:.08em;color:var(--bone);text-shadow:0 1px 8px #000}.registration-cross{position:relative;width:2rem;height:2rem;display:block}.registration-cross:before,.registration-cross:after{content:'';position:absolute;background:var(--oxide)}.registration-cross:before{width:2rem;height:1px;top:50%;left:0}.registration-cross:after{height:2rem;width:1px;left:50%;top:0}.origin-language{margin-top:6rem;padding-top:2.5rem;border-top:1px solid #bcb6aa}.origin-header{display:flex;justify-content:space-between;align-items:center;gap:2rem}.origin-header>p:last-child{font:1rem/1.6 var(--serif);font-size:1.5rem}.origin-language>img{width:100%;margin-top:1rem}.origin-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;font-size:.875rem;line-height:1.6;text-align:center}.origin-labels p>span{display:block;font:.75rem/1.6 var(--mono);letter-spacing:.14em;margin-bottom:.5rem}.relationship-field{position:absolute;width:75%;height:90%;object-fit:contain;right:-18%;top:4%;opacity:.75;pointer-events:none}.question h2{max-width:1100px}.seeing{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:6%;background:#ded9cf;color:var(--carbon);padding-top:6rem;padding-bottom:6rem;min-height:680px}.seeing-copy>.eyebrow{margin-bottom:2rem}.seeing h2{font:400 clamp(2.75rem,3.7vw,4.5rem)/1.08 var(--serif);letter-spacing:-.025em}.seeing-copy>.brand-line{margin-top:3rem}.seeing-study{width:100%;border-left:1px solid #b7b0a3;padding-left:2rem}.seeing-controls{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid #b7b0a3}.seeing-controls button{border:0;background:transparent;cursor:pointer;font:.8125rem/1.5 var(--mono);padding:.85rem .2rem;color:#625b51;position:relative}.seeing-controls button:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-1px;background:var(--oxide);transform:scaleX(0);transition:transform .35s}.seeing-controls button[aria-pressed=true]{color:var(--carbon)}.seeing-controls button[aria-pressed=true]:after{transform:scaleX(1)}.seeing-study>svg{display:block;width:100%;height:auto;overflow:visible}.diagram-layer{opacity:0;transform-origin:380px 250px;transition:opacity .8s ease,transform .8s ease;transform:scale(.96)}.seeing-study[data-stage=complexity] .layer-complexity,.seeing-study[data-stage=essence] .layer-essence,.seeing-study[data-stage=possibility] .layer-possibility{opacity:1;transform:scale(1)}.seeing-caption{font:1.5rem/1.5 var(--serif);text-align:center;min-height:3rem;padding-top:1rem}.alongside .scene-photo{object-position:70% center}.alongside-copy{top:16%;max-width:45%}.alongside-copy>p:last-child{margin-top:2rem}.alongside h2{font-size:clamp(3rem,4.5vw,5.5rem)}.photo-datum{position:absolute;left:var(--gutter);bottom:25%;max-width:40%}.photo-datum>p{font:.75rem/1.8 var(--mono);letter-spacing:.12em;margin-top:1rem}.image-note{font-size:.75rem}.making-frame{position:relative;overflow:hidden}.making-frame img{object-position:73% center}.image-origin{position:absolute;right:1.5rem;bottom:1.5rem;width:3.5rem;height:3.5rem;border:1px solid rgba(232,228,220,.4);border-radius:50%}.image-origin:before{content:'';position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;background:var(--oxide);border-radius:50%}.image-origin:after{content:'';position:absolute;height:1px;width:6rem;right:-1.5rem;top:50%;background:rgba(232,228,220,.4)}.work-visual .brand-line{width:7rem}.begin{position:relative;isolation:isolate;overflow:hidden}.begin:before{content:'';position:absolute;right:-6rem;bottom:8rem;width:25rem;height:25rem;border:1px solid #302e28;border-radius:50%;z-index:-1}.begin:after{content:'';position:absolute;right:4rem;bottom:18rem;width:5px;height:5px;background:var(--oxide);border-radius:50%;z-index:-1}
@media(max-width:1100px){.seeing{gap:3%}.seeing h2{font-size:3rem}.seeing-study{padding-left:1.5rem}.scene-registration{right:4%;bottom:16%}.alongside-copy{max-width:47%}.photo-datum{bottom:20%}}
@media(max-width:760px){.hero-image{object-position:80% center}.hero-copy{max-width:90%;top:24%}.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.73),rgba(0,0,0,.27)),linear-gradient(0deg,rgba(0,0,0,.5),transparent 65%)}.scene-registration{display:none}.origin-language{margin-top:4rem;padding-top:2rem}.origin-header{display:block}.origin-header>p:last-child{margin-top:.75rem;max-width:18rem}.origin-language>img{margin-top:1.5rem}.origin-labels{gap:.5rem;font-size:.75rem}.origin-labels p>span{font-size:.75rem;letter-spacing:.03em}.origin-labels p:nth-child(3),.origin-labels p:nth-child(4){font-size:.75rem}.relationship-field{width:140%;right:-65%;top:20%;height:75%}.seeing{display:block;min-height:0;padding-top:4rem;padding-bottom:4rem}.seeing h2{font-size:clamp(2.9rem,10vw,4rem)}.seeing-copy>.brand-line{margin-top:2rem}.seeing-study{border-left:0;border-top:1px solid #b7b0a3;padding:2rem 0 0;margin-top:3rem}.seeing-controls button{font-size:.75rem}.seeing-caption{font-size:1.375rem;min-height:4rem}.alongside-copy{position:static;max-width:none}.alongside .scene-photo{height:380px;object-position:78% center}.photo-datum{display:none}.making-frame img{height:380px;object-position:72% center}.begin:before{right:-16rem}.begin:after{right:2rem;bottom:12rem}}
.seeing-study svg path,.seeing-study svg circle{vector-effect:non-scaling-stroke;stroke-width:1}
@media(min-width:761px) and (max-width:1100px){.hero-image{object-position:58% center}.seeing h2{font-size:2.55rem}.alongside{height:auto;display:flex;flex-direction:column}.alongside-copy{position:static;max-width:none;padding:5rem var(--gutter) 3rem}.alongside .scene-photo{order:2;height:500px;object-position:78% center}.alongside-copy h2{font-size:4rem}.photo-datum{display:none}}
@media(prefers-reduced-motion:reduce){.diagram-layer,.seeing-controls button:after{transition:none}}

/* Give the approved logo more presence without crowding navigation. */
.site-header .brand{width:clamp(15rem,22vw,21rem);flex-shrink:0}
@media(max-width:760px){.site-header .brand{width:11.5rem}.site-header nav{gap:1rem}}
@media(max-width:360px){.site-header .brand{width:10.5rem}.site-header nav{gap:.75rem;font-size:.8125rem}}

.site-header .brand{display:flex;flex-direction:column;gap:.65rem}.logo-wordmark,.logo-descriptor{display:block;position:relative;width:100%;overflow:hidden}.logo-wordmark{aspect-ratio:2172/470}.logo-descriptor{aspect-ratio:2172/254}.logo-wordmark img,.logo-descriptor img{position:absolute;left:0;width:100%;max-width:none}.logo-wordmark img{top:0}.logo-descriptor img{top:-185.03937%}@media(max-width:760px){.site-header .brand{gap:.5rem}}