:root{--bg:#101311;--ink:#eaf1e9;--muted:#afbeb0;--accent:#d8ff62;--line:#465342;--surface:#1b251b;--veil:#d8ff62;--veil-ink:#101311;--exit-animation:obs-cover-in;--arrival-animation:obs-cover-out}
.obs-hero{min-height:calc(100svh - 84px);position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center;padding:40px 0 75px}.obs-hero-type{z-index:2;position:relative}.obs-hero h1{font:800 clamp(80px,10vw,160px)/.88 var(--sans);letter-spacing:-.08em;margin:35px 0}.obs-hero h1>span{color:var(--accent)}.obs-hero-type>p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.5}.obs-coordinate{position:absolute;right:0;top:25px;z-index:3;font:8px/1.7 var(--mono);letter-spacing:1px;color:var(--accent)}.obs-object{position:relative;min-width:0;perspective:900px;overflow:hidden}.obs-object img{width:100%;max-height:720px;object-fit:cover;transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform 700ms var(--ease)}.obs-object figcaption{position:absolute;bottom:15px;left:20px;font:6px var(--mono);letter-spacing:1.1px;color:#c1d2b5}.obs-cta{display:inline-flex;align-items:center;gap:55px;background:var(--accent);color:var(--bg);padding:16px 20px;font-size:12px;margin-top:15px}.obs-cta span{font-size:22px}.obs-hero-bottom{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.obs-sequence{border-block:1px solid var(--line);position:relative;background:#151c14}.obs-sequence-sticky{position:relative;padding-block:35px}.obs-sequence-frame{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.obs-sequence-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.obs-sequence-head .eyebrow{margin:0;font-size:8px}.obs-counter{font:11px var(--mono);color:var(--accent)}.obs-sequence-image{overflow:hidden;min-width:0}.obs-sequence-image img{width:100%;max-height:65vh;object-fit:cover;transform:rotate(var(--obs-rotation,0deg)) scale(var(--obs-scale,1));transition:transform 100ms linear}.obs-chapters{position:relative;min-height:340px}.obs-chapter{padding:30px 0;border-bottom:1px solid var(--line)}.obs-chapter>span{font:9px var(--mono);letter-spacing:1px;color:var(--accent)}.obs-chapter h2{font:700 clamp(42px,5.5vw,80px)/.96 var(--sans);margin:24px 0}.obs-chapter h2 em{font-style:normal;color:var(--accent)}.obs-chapter p{font-size:15px;color:var(--muted);max-width:380px}.lab-js[data-motion=full] .obs-sequence{height:290svh}.lab-js[data-motion=full] .obs-sequence-sticky{position:sticky;top:84px;height:calc(100svh - 84px);display:flex;align-items:center}.lab-js[data-motion=full] .obs-chapter{position:absolute;inset:0;opacity:0;transform:translateY(25px);transition:opacity 600ms var(--ease),transform 700ms var(--ease);border:0;display:flex;align-items:start;justify-content:center;flex-direction:column;padding:0}.lab-js[data-motion=full] .obs-chapter.is-active{opacity:1;transform:none}.obs-collection{padding-block:95px}.obs-section-heading{display:flex;align-items:start;justify-content:space-between;gap:40px;margin-bottom:45px}.obs-section-heading h2{font-weight:700;font-size:72px}.obs-section-heading h2 span{color:var(--accent)}.obs-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:end}.obs-crop{overflow:hidden;background:#1b2319}.obs-crop img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform 900ms var(--ease)}.obs-grid figure:first-child img{transform:scale(1.25)}.obs-grid figure:last-child img{aspect-ratio:.8;transform:scale(1.65) rotate(10deg);object-position:25% 50%}.obs-grid figure:hover img{transform:scale(1.5) rotate(-5deg)}.obs-grid figure:last-child:hover img{transform:scale(1.9) rotate(2deg)}.obs-grid figcaption{display:flex;justify-content:space-between;padding-top:17px;font:8px var(--mono);letter-spacing:1px}.lab-menu{inset:0 0 0 auto;width:min(650px,90vw);background:#d8ff62;color:#101311}.lab-menu[open]{animation:obs-menu-in 560ms var(--ease) both}.lab-menu.is-closing{animation:obs-menu-out 280ms var(--ease) both}.lab-menu nav a{font-size:clamp(34px,4.5vw,60px);font-weight:650;padding-block:24px}.lab-menu-foot{flex-direction:column;gap:25px}.lab-menu-foot a{align-self:start}
@keyframes obs-menu-in{from{transform:translateX(105%)}to{transform:none}}@keyframes obs-menu-out{to{transform:translateX(105%)}}@keyframes obs-cover-in{from{transform:translateX(105%) skewX(-8deg)}to{transform:none}}@keyframes obs-cover-out{from{transform:none}to{transform:translateX(-105%) skewX(-8deg)}}
@media(max-width:1100px){.obs-hero h1{font-size:100px}.obs-section-heading h2{font-size:60px}.obs-sequence-frame{gap:35px}.obs-chapter h2{font-size:56px}}
@media(max-width:760px){.obs-hero{grid-template-columns:1fr;gap:25px;padding-top:35px;min-height:0;padding-bottom:60px}.obs-hero h1{font-size:clamp(83px,23vw,150px);margin:25px 0}.obs-hero-type>p:not(.eyebrow){font-size:15px}.obs-object{max-width:500px;justify-self:end;width:85%;margin-top:-30px}.obs-object img{aspect-ratio:1/1.05;object-fit:cover}.obs-object figcaption{font-size:5px;left:12px}.obs-coordinate{top:auto;bottom:100px;left:0;right:auto;font-size:7px}.obs-hero-bottom{font-size:6px;gap:10px;bottom:20px}.obs-hero-bottom span:last-child{display:none}.obs-cta{margin-top:10px;gap:45px;padding:14px 18px}.obs-sequence-frame{grid-template-columns:1fr;gap:25px}.obs-sequence-head{gap:18px;align-items:start}.obs-sequence-head .eyebrow{font-size:7px}.obs-sequence-image img{max-height:440px;aspect-ratio:1.1;object-fit:cover}.lab-js[data-motion=full] .obs-sequence{height:auto}.lab-js[data-motion=full] .obs-sequence-sticky{position:relative;top:auto;height:auto;display:block}.lab-js[data-motion=full] .obs-chapter{position:static;opacity:1;transform:none;padding:30px 0;border-bottom:1px solid var(--line)}.obs-chapters{min-height:0}.obs-chapter h2{font-size:48px;margin:20px 0}.obs-chapter p{font-size:14px}.obs-collection{padding-block:55px}.obs-section-heading{display:block;margin-bottom:30px}.obs-section-heading h2{font-size:53px}.obs-grid{grid-template-columns:1fr;gap:30px}.obs-grid figure:last-child{width:83%;justify-self:end}.obs-grid figure:last-child img{aspect-ratio:1}.lab-menu{width:100vw}.lab-menu nav a{font-size:36px}.lab-menu-foot{font-size:10px}}