:root{color:#3d3c3a;background:#f1ede6;font-family:Avenir Next,PingFang SC,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page: #f1ede6;--surface: #eee9e0;--surface-light: #f8f4ed;--surface-deep: #e5dfd5;--ink: #3d3c3a;--ink-soft: #79736d;--line: rgba(66, 61, 55, .18);--champagne: #d7a765;--cobalt: #2d8fd7;--shadow-out: 11px 11px 24px rgba(117, 101, 80, .16), -9px -9px 22px rgba(255, 253, 248, .96);--shadow-out-small: 5px 5px 12px rgba(117, 101, 80, .15), -4px -4px 10px rgba(255, 253, 248, .95);--shadow-in: inset 5px 5px 12px rgba(117, 101, 80, .13), inset -5px -5px 12px rgba(255, 253, 248, .96)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit}button:focus-visible{outline:2px solid var(--cobalt);outline-offset:5px}.site-shell{position:relative;overflow:hidden;background:var(--page)}.scroll-indicator{position:fixed;z-index:20;top:50%;right:18px;width:3px;height:88px;border-radius:999px;background:#3d3c3a14;transform:translateY(-50%)}.scroll-indicator span{display:block;width:100%;height:100%;transform-origin:top;border-radius:inherit;background:var(--cobalt);transition:transform .16s ease-out}.site-header{position:relative;z-index:10;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:24px;min-height:92px;padding:0 clamp(28px,5.2vw,76px);border-bottom:1px solid var(--line);background:#f1ede6db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup,.main-nav button,.photographer-toggle{color:var(--ink);letter-spacing:.12em;font-size:12px;font-weight:600}.brand-lockup{display:inline-flex;align-items:center;justify-self:start;gap:10px;padding:0;border:0;background:transparent;cursor:pointer}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:2px;color:var(--ink)}.brand-mark svg,.site-footer svg{width:24px;height:24px}.brand-slash{color:var(--champagne);font-size:16px}.main-nav{display:flex;gap:clamp(24px,3vw,48px);align-items:center}.main-nav button{padding:10px 0;border:0;background:transparent;cursor:pointer;transition:color .18s ease,transform .18s ease}.main-nav button:hover{color:var(--cobalt);transform:translateY(-2px)}.photographer-toggle{display:inline-flex;align-items:center;justify-self:end;gap:18px;min-width:165px;padding:12px 14px 12px 18px;border:1px solid rgba(116,103,84,.32);border-radius:999px;box-shadow:var(--shadow-out-small);background:var(--surface);font-size:10px}.toggle-dot,.footer-signal span{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--champagne);box-shadow:0 0 0 4px #d7a7651f,0 0 12px #d7a765b8}.hero-section{position:relative;display:grid;grid-template-columns:minmax(390px,.94fr) minmax(470px,1.2fr);gap:clamp(24px,5vw,94px);min-height:820px;padding:clamp(66px,9vw,128px) clamp(28px,5.2vw,76px) 120px;border-bottom:1px solid var(--line);isolation:isolate}.hero-section:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:var(--surface)}.hero-section:after{position:absolute;right:-140px;bottom:-160px;z-index:-1;width:520px;height:520px;content:"";border-radius:50%;box-shadow:0 0 150px #d7a7652e;opacity:.8}.hero-copy{position:relative;z-index:2;align-self:center;padding-left:clamp(0px,2vw,26px)}.eyebrow,.section-kicker,.film-roll-header,.hero-readout,.film-meta,.film-roll-status,.footer-signal{color:var(--ink-soft);letter-spacing:.16em;font-size:10px;font-weight:700;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:34px;color:var(--cobalt)}.eyebrow-line{display:inline-block;width:42px;height:1px;background:var(--cobalt)}h1,h2,p{margin:0}h1,h2,.practice-title strong,.note-title{font-family:Iowan Old Style,Baskerville,"Noto Serif SC",Georgia,serif;font-weight:400}h1{max-width:570px;color:var(--ink);font-size:clamp(54px,5.6vw,92px);line-height:.98;letter-spacing:-.055em}.hero-subtitle{margin-top:34px;color:var(--ink-soft);font-size:clamp(14px,1.25vw,17px);letter-spacing:.08em}.hero-actions{display:flex;gap:18px;margin-top:44px}.control-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:148px;padding:15px 20px;border:1px solid rgba(116,103,84,.34);border-radius:999px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-out-small);background:var(--surface-light);font-size:13px;letter-spacing:.05em;transition:box-shadow .18s ease,transform .18s ease,color .18s ease}.control-button svg{width:17px;height:17px}.control-button:hover{color:var(--cobalt);transform:translateY(-3px)}.control-button:active{box-shadow:var(--shadow-in);transform:translateY(1px)}.control-button-primary{background:#e7dfd2}.control-button-primary:hover{box-shadow:5px 5px 13px #7565501f,-4px -4px 12px #fffdf8f2,0 0 24px #d7a76524}.hero-readout{display:grid;grid-template-columns:22px 32px auto;gap:12px;align-items:center;margin-top:54px;color:#3d3c3a7a}.readout-ticks{display:grid;gap:8px}.readout-ticks i{display:block;width:16px;height:1px;background:#3d3c3a52}.readout-ticks i.is-active{width:24px;background:var(--champagne);box-shadow:0 0 10px #d7a765b3}.readout-values{line-height:1.6}.readout-values strong{color:var(--champagne);font-weight:700}.lens-stage{position:relative;align-self:center;min-height:590px;border-radius:44px;isolation:isolate}.lens-stage:before{position:absolute;top:5%;right:2%;bottom:5%;left:7%;z-index:-1;content:"";border:1px solid rgba(116,103,84,.18);border-radius:48px 48px 48px 12px;box-shadow:var(--shadow-in);opacity:.8}.lens-ring-shadow{position:absolute;top:12%;right:6%;width:62%;aspect-ratio:1;border-radius:50%;box-shadow:20px 20px 44px #75655024,-16px -16px 40px #fffdf8d1;transition:transform .26s ease-out;transform:translate3d(var(--pointer-x),var(--pointer-y),0)}.lens-art{position:absolute;top:3%;right:2%;width:72%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:20px 24px 34px #75655029,-10px -10px 24px #fffdf8c7;mix-blend-mode:multiply;transition:transform .3s cubic-bezier(.22,1,.36,1),filter .24s ease;transform:translate3d(var(--pointer-x),var(--pointer-y),0) rotate(.01deg)}.is-lens-active .lens-art{filter:saturate(1.08) contrast(1.02)}.focus-reticle{position:absolute;top:38%;right:31%;display:grid;place-items:center;width:92px;height:92px;color:var(--cobalt);opacity:.86;transition:transform .22s ease-out;transform:translate3d(var(--focus-x),var(--focus-y),0)}.focus-reticle svg{width:100%;height:100%}.focus-beacon{position:absolute;top:47%;right:47%;width:9px;height:9px;border-radius:50%;background:var(--champagne);box-shadow:0 0 0 8px #d7a7651f,0 0 24px #d7a765cc;transition:transform .24s ease-out;transform:translate3d(var(--focus-x),var(--focus-y),0)}.lens-caption{position:absolute;top:16%;right:10%;display:grid;gap:8px;color:var(--ink-soft);letter-spacing:.15em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.pointer-hint{position:absolute;right:8%;bottom:8%;display:flex;align-items:center;gap:8px;color:#3d3c3a7a;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;opacity:.8}.pointer-hint svg{width:16px;height:16px}.film-strip-hero{position:absolute;right:clamp(28px,5.2vw,76px);bottom:48px;width:min(54%,640px);padding:10px 12px 12px;border:1px solid rgba(116,103,84,.3);border-radius:12px;background:#e8e0d4;box-shadow:var(--shadow-out-small);transform:rotate(.2deg)}.sprocket-row{display:flex;justify-content:space-between;gap:6px;overflow:hidden}.sprocket-row i{display:block;width:11px;height:8px;flex:1 0 11px;border-radius:2px;background:#74675459}.film-window-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:7px 0}.film-window-row span,.film-frame{position:relative;min-height:78px;overflow:hidden;border:1px solid rgba(116,103,84,.24);border-radius:4px;background:var(--surface-light);box-shadow:var(--shadow-in)}.film-window-row img,.film-frame img{width:100%;height:100%;min-height:inherit;object-fit:cover;mix-blend-mode:multiply;opacity:.65}.film-window-row span.is-lit:after,.film-frame.is-selected:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border:2px solid rgba(215,167,101,.6);border-radius:inherit;box-shadow:inset 0 0 18px #d7a76552,0 0 16px #d7a7652e}.film-meta{display:flex;justify-content:space-between;padding-top:3px;color:#3d3c3a85;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.practice-section,.notes-section,.about-section{position:relative;padding:clamp(88px,10vw,150px) clamp(28px,5.2vw,76px)}.practice-section{background:var(--surface-deep)}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:48px}.section-kicker{color:var(--cobalt)}.section-kicker span{margin-inline:10px;color:var(--champagne)}.section-heading h2,.about-section h2{margin-top:18px;color:var(--ink);font-size:clamp(38px,4vw,62px);line-height:1.03;letter-spacing:-.055em}.section-heading>p,.about-copy,.notes-heading>p{color:var(--ink-soft);font-size:14px;line-height:1.8;letter-spacing:.06em}.practice-list{display:grid;gap:16px}.practice-row{display:grid;grid-template-columns:48px minmax(170px,1.1fr) 80px minmax(180px,.8fr) minmax(220px,.92fr) 28px;gap:24px;align-items:center;width:100%;min-height:184px;padding:24px 26px;border:1px solid rgba(116,103,84,.22);border-radius:24px;color:var(--ink);text-align:left;cursor:pointer;box-shadow:var(--shadow-out);background:var(--surface);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .24s ease}.practice-row:hover,.practice-row.is-active{border-color:#2d8fd740;box-shadow:14px 14px 30px #75655026,-12px -12px 28px #fffdf8fa,0 0 26px #2d8fd70f;transform:translateY(-5px)}.practice-row:active{box-shadow:var(--shadow-in);transform:translateY(0)}.practice-index{align-self:start;padding-top:10px;color:var(--cobalt);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.practice-title{display:grid;gap:6px}.practice-title strong{font-size:clamp(34px,3.6vw,58px);line-height:.9;letter-spacing:-.04em}.practice-title small{color:var(--ink-soft);font-size:14px;letter-spacing:.14em}.practice-control{position:relative;display:grid;place-items:center;width:70px;height:70px;border:1px solid rgba(116,103,84,.24);border-radius:50%;box-shadow:var(--shadow-in);color:var(--ink-soft);transition:transform .3s ease,color .22s ease}.practice-row.is-active .practice-control{color:var(--cobalt);transform:rotate(18deg)}.practice-control svg{width:21px;height:21px}.control-notch{position:absolute;top:5px;left:50%;width:2px;height:9px;border-radius:999px;background:var(--champagne);transform:translate(-50%)}.practice-copy{display:grid;gap:5px;color:var(--ink-soft);font-size:13px;line-height:1.7;letter-spacing:.04em}.practice-visual{position:relative;display:block;height:108px;overflow:hidden;border:1px solid rgba(116,103,84,.24);border-radius:14px;box-shadow:var(--shadow-in);transition:transform .3s ease,box-shadow .3s ease}.practice-row.is-active .practice-visual{box-shadow:inset 4px 4px 10px #7565501f,inset -4px -4px 10px #fffdf8f5,0 0 22px #d7a7652e;transform:translate(3px) scale(1.02)}.practice-visual img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .6s ease,filter .4s ease}.practice-row:hover .practice-visual img{transform:scale(1.08)}.study-time img{filter:hue-rotate(16deg) saturate(.7) blur(.2px);transform:scale(1.2) translate(-9%)}.study-distance img{filter:hue-rotate(-16deg) saturate(.86);transform:scale(1.16) translate(10%)}.visual-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,253,248,.65);border-radius:inherit;pointer-events:none}.practice-arrow{display:grid;place-items:center;color:var(--ink-soft);transition:color .18s ease,transform .22s ease}.practice-row:hover .practice-arrow{color:var(--cobalt);transform:translate(3px,-3px)}.practice-arrow svg{width:20px;height:20px}.film-roll-block{margin-top:70px}.film-roll-header{display:flex;justify-content:space-between;margin-bottom:12px}.film-roll-status{display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.film-roll-status svg{width:15px;height:15px;color:var(--cobalt)}.film-rail{position:relative;display:grid;grid-template-columns:44px 1fr 44px;gap:12px;align-items:center;min-height:122px;padding:14px;border:1px solid rgba(116,103,84,.28);border-radius:18px;cursor:grab;box-shadow:var(--shadow-in);background:var(--surface);touch-action:pan-y;-webkit-user-select:none;user-select:none}.film-rail.is-dragging{cursor:grabbing}.film-nav{position:relative;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(116,103,84,.26);border-radius:50%;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-out-small);background:var(--surface-light);transition:box-shadow .16s ease,color .16s ease,transform .16s ease}.film-nav:hover{color:var(--cobalt);transform:translateY(-2px)}.film-nav:active{box-shadow:var(--shadow-in);transform:translateY(1px)}.film-nav svg{width:20px;height:20px}.film-frames{display:grid;grid-template-columns:repeat(12,minmax(42px,1fr));gap:7px;min-width:0}.film-frame{min-width:0;min-height:76px;padding:0;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.film-frame:hover{border-color:#2d8fd775;transform:translateY(-4px)}.film-frame.is-selected{border-color:#d7a765cc;box-shadow:7px 7px 12px #75655026,-5px -5px 11px #fffdf8f5,0 0 20px #d7a76538;transform:translateY(-8px) scale(1.05)}.film-scrub-handle{position:absolute;bottom:-10px;width:12px;height:12px;border:2px solid var(--surface);border-radius:50%;background:var(--champagne);box-shadow:0 0 0 2px #d7a76547;pointer-events:none;transform:translate(-50%)}.film-progress{height:2px;margin:22px 58px 0;overflow:hidden;border-radius:999px;background:#3d3c3a21}.film-progress span{display:block;height:100%;border-radius:inherit;background:var(--cobalt);transition:width .22s ease}.about-section{display:grid;grid-template-columns:120px minmax(280px,1fr) minmax(240px,.7fr) auto;gap:28px;align-items:end;min-height:520px;background:var(--surface)}.about-mark{display:grid;place-items:center;align-self:start;width:104px;height:104px;border:1px solid rgba(116,103,84,.22);border-radius:50%;box-shadow:var(--shadow-in);color:var(--champagne)}.about-mark svg{width:58px;height:58px}.text-link{display:inline-flex;align-items:center;gap:12px;padding:0 0 10px;border:0;border-bottom:1px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;font-size:13px;letter-spacing:.06em;transition:color .18s ease,gap .18s ease}.text-link:hover{gap:18px;color:var(--cobalt)}.notes-section{background:var(--surface-deep)}.notes-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:38px}.notes-list{border-top:1px solid var(--line)}.note-row{display:grid;grid-template-columns:56px minmax(160px,.7fr) minmax(250px,1fr) 24px;gap:24px;align-items:center;width:100%;padding:28px 0;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:transparent;transition:color .18s ease,padding .22s ease}.note-row:hover{padding-inline:14px;color:var(--cobalt)}.note-index{color:var(--champagne);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.note-title{font-size:clamp(24px,2.2vw,34px)}.note-copy{color:var(--ink-soft);font-size:14px;line-height:1.7}.note-row>svg{width:20px;height:20px}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding:26px clamp(28px,5.2vw,76px);background:#ddd5c8;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.12em}.footer-left{display:inline-flex;align-items:center;gap:24px;justify-self:start}.footer-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.footer-note{color:var(--ink-soft)}.icp-record{justify-self:center;color:var(--ink-soft);text-decoration:none;letter-spacing:.08em;transition:color .18s ease,border-color .18s ease;border-bottom:1px solid transparent}.icp-record:hover,.icp-record:focus-visible{color:var(--cobalt);border-bottom-color:currentColor}.footer-signal{display:inline-flex;align-items:center;gap:10px;justify-self:end}.footer-signal span{width:6px;height:6px}@media(max-width:1080px){.site-header{grid-template-columns:1fr auto}.main-nav{grid-column:1 / -1;grid-row:2;justify-content:center;padding-bottom:16px}.photographer-toggle{grid-column:2;grid-row:1}.hero-section{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:80px}.hero-copy,.lens-stage,.film-strip-hero{min-width:0;width:100%;max-width:100%}.hero-copy{max-width:700px}.lens-stage{min-height:min(720px,85vw);justify-self:center}.film-strip-hero{position:relative;right:auto;bottom:auto;justify-self:center;margin-top:-120px}.practice-row{grid-template-columns:40px 1fr 74px 1fr}.practice-visual{grid-column:2 / -1;grid-row:2}.practice-arrow{grid-column:4;grid-row:1}.about-section{grid-template-columns:104px 1fr 1fr}.about-section .text-link{grid-column:2 / -1;justify-self:start}}@media(max-width:700px){.scroll-indicator{right:8px}.site-header{min-height:88px;padding-inline:20px}.brand-lockup{gap:7px;font-size:10px}.photographer-toggle{min-width:0;padding:10px 11px 10px 12px;font-size:8px}.main-nav{gap:24px}.main-nav button{font-size:10px}.hero-section{padding:62px 20px 84px}.hero-copy{padding-left:0}h1{font-size:clamp(46px,13vw,74px)}.hero-subtitle{line-height:1.7}.hero-actions{flex-wrap:wrap;margin-top:30px}.control-button{min-width:138px}.lens-stage{min-height:84vw;margin-top:16px}.pointer-hint{display:none}.film-strip-hero{margin-top:-20px}.film-window-row{gap:4px}.film-window-row span{min-height:50px}.practice-section,.notes-section,.about-section{padding:78px 20px}.section-heading,.notes-heading{display:grid;gap:24px;align-items:start}.section-heading h2,.about-section h2{font-size:clamp(38px,12vw,58px)}.practice-row{grid-template-columns:28px 1fr 34px;gap:12px;min-height:0;padding:20px 16px}.practice-index{padding-top:5px;font-size:10px}.practice-title strong{font-size:clamp(34px,11vw,54px)}.practice-control{width:42px;height:42px}.practice-control svg{width:16px;height:16px}.practice-copy{grid-column:2 / -1;grid-row:2;font-size:12px}.practice-visual{grid-column:2 / -1;grid-row:3;height:108px}.practice-arrow{grid-column:3;grid-row:1}.film-roll-block{margin-top:52px}.film-rail{grid-template-columns:36px 1fr 36px;gap:7px;padding:10px 8px}.film-nav{width:32px;height:32px}.film-frames{grid-template-columns:repeat(12,minmax(30px,1fr));gap:4px}.film-frame{min-height:52px}.about-section{display:grid;grid-template-columns:68px 1fr;gap:20px}.about-mark{width:68px;height:68px}.about-mark svg{width:38px;height:38px}.about-section .about-copy,.about-section .text-link{grid-column:2}.note-row{grid-template-columns:32px 1fr 20px;gap:12px;padding:22px 0}.note-title{font-size:25px}.note-copy{grid-column:2 / -1;line-height:1.65}.note-row>svg{grid-column:3;grid-row:1}.site-footer{grid-template-columns:1fr;gap:14px;padding:24px 20px}.footer-left{display:grid;gap:10px}.icp-record{justify-self:center}.footer-signal{justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}