.hero{position:relative;z-index:0;display:grid}.hero-media{height:100svh;background:#161412;overflow:hidden;border-radius:0 0 var(--media-radius) var(--media-radius);corner-shape:squircle}.hero-video{width:100%;height:100%;object-fit:cover;display:block}.hero-copy{--hero-copy-pad: 2em;display:grid;grid-template-columns:2fr 1fr;align-items:start;padding:var(--hero-copy-pad) 0 2rem}.hero-copy-text{padding:0 1.2rem 0 2em}.hero-copy h1{font-family:Raleway,serif;display:flex;align-items:center;min-height:var(--dot-size);margin:0;white-space:nowrap;font-size:var(--hero-name-size, 2.1rem)}.hero-copy .work-dot{position:relative;z-index:2;justify-self:center;align-self:start}.hero-text{margin:.55rem 0 0;max-width:130ch;text-align:left;color:var(--muted);font-size:clamp(.92rem,1.3vw,1.05rem)}@media(max-width:800px){.hero-media{height:70svh}.hero-copy{grid-template-columns:1fr;padding:1.5rem 1rem 2rem}.hero-copy-text{padding:0}.hero-copy h1{font-size:1.5rem}.hero-copy .work-dot{display:none}}.work{display:grid;grid-template-columns:2fr 1fr;align-items:stretch;padding:clamp(2.6rem,5vw,4rem) 0}.work-media{position:relative;display:block;width:min(100%,42rem);padding:0;border:0;background:#161412;overflow:hidden;cursor:pointer;aspect-ratio:4 / 3;border-radius:0 var(--media-radius) var(--media-radius) 0;corner-shape:squircle}.work-media:focus-visible{outline:1px solid var(--ink);outline-offset:6px}.work-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.45s cubic-bezier(.22,1,.36,1)}.work-media:hover img,.work-media:focus-visible img{transform:scale(1.08)}.work-pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(6px);padding:.5rem .95rem;border-radius:999px;background:var(--bg);color:var(--ink);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.work-media:hover .work-pill,.work-media:focus-visible .work-pill{opacity:1;transform:translate(-50%,-50%)}.work-copy{display:grid;grid-template-rows:1fr auto 1fr;align-self:stretch;min-height:0;transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1)}.work.is-copy-down .work-copy{grid-template-rows:1fr auto 0fr}.work-copy-inner{grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) var(--dot-size) minmax(0,1fr);align-items:center}.work-text{display:grid;gap:.7rem;justify-items:end;text-align:right;padding-right:.4rem}.work-text p{margin:0;max-width:28ch;color:var(--muted);font-size:clamp(.92rem,1.3vw,1.05rem)}.index{font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.work h2{margin:0;font-family:Raleway,serif;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:500;letter-spacing:.04em}.work .work-dot{justify-self:center}.work:nth-child(2) .work-dot:after{animation-delay:.9s}.work:nth-child(3) .work-dot:after{animation-delay:1.8s}.work-date{margin:0;padding-left:.35rem;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.work-extra{grid-column:1 / -1;display:grid;grid-template-rows:0fr;min-height:0;overflow:hidden;opacity:0;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .35s ease}.work.is-open .work-extra{grid-template-rows:1fr;opacity:1}.work-extra-inner{overflow:hidden;min-height:0;display:grid;gap:1.6rem;padding:0 clamp(1.2rem,4vw,4rem)}.work.is-open .work-extra-inner{padding-top:1.6rem}.work-meta{display:grid;grid-template-columns:repeat(3,minmax(0,16rem));gap:1.2rem}.work-meta dt{margin:0 0 .25rem;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.work-meta dd{margin:0;font-family:Raleway,serif;font-size:1.25rem}.work-gallery{display:flex;gap:.8rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:.6rem;-webkit-overflow-scrolling:touch}.work-gallery img{flex:0 0 min(48vw,22rem);width:min(48vw,22rem);aspect-ratio:3 / 4;height:auto;object-fit:cover;scroll-snap-align:start;border-radius:var(--media-radius);corner-shape:squircle}@media(max-width:800px){.work,.work-copy-inner,.work-meta{grid-template-columns:1fr}.work-media{width:calc(100% - 2rem);margin:0 1rem}.work-text{justify-items:start;text-align:left}.work-copy,.work.is-copy-down .work-copy{padding:1.2rem 1rem 0;grid-template-rows:auto;transition:none}.work-copy-inner{grid-row:auto;grid-template-columns:1fr auto}.work .work-dot{display:none}}@media(prefers-reduced-motion:reduce){.work-media img,.work-pill,.work-extra,.work-copy{transition:none}.work-media:hover img,.work-media:focus-visible img{transform:none}}.contact{--footer-muted: color-mix(in srgb, var(--bg) 62%, var(--ink));position:relative;z-index:1;scroll-margin-top:0;min-height:100svh;padding:clamp(4rem,10vw,8rem) clamp(1.5rem,6vw,5rem);background-color:var(--dark);background-image:url(/images/cynopaper.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--bg);display:grid;gap:2.4rem;align-content:start}.contact:before{content:"";position:absolute;top:0;bottom:50vh;left:var(--spine-x, 83.333%);width:var(--spine-width, 2px);transform:translate(-50%);background:color-mix(in srgb,var(--bg) 18%,transparent);pointer-events:none}.contact .contact-dot{--dot-pulse: color-mix(in srgb, var(--bg) 42%, transparent);position:absolute;left:var(--spine-x, 83.333%);bottom:50vh;transform:translate(-50%);border-color:var(--dark);background:var(--bg)}.contact h2{margin:0;font-family:Raleway,serif;font-size:clamp(2.4rem,6vw,5rem);font-weight:500;letter-spacing:.12em}.details{display:grid;gap:1.4rem;max-width:42rem}.details a{border-bottom:1px solid transparent}.details a:hover,.details a:focus-visible{border-bottom-color:currentColor;outline:none}.details dt{margin:0 0 .25rem;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--footer-muted)}.details dd{margin:0;font-family:Raleway,sans-serif;font-size:1.6rem}@media(max-width:800px){.contact:before{display:none}.contact .contact-dot{left:50%;bottom:var(--spine-inset)}}.upload-page{min-height:100svh;max-width:42rem;margin:0 auto;padding:2.4rem 1.4rem 4rem;display:grid;gap:2.4rem}.upload-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.upload-page h1,.upload-page h2,.upload-page h3{margin:0;font-family:Raleway,serif;font-weight:500}.upload-form,.upload-editor{display:grid;gap:.9rem}.upload-form label,.upload-editor label{display:grid;gap:.3rem;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.upload-page input,.upload-page textarea{width:100%;padding:.7rem .8rem;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:color-mix(in srgb,var(--bg) 70%,white);color:var(--ink);font:inherit;text-transform:none;letter-spacing:0}.upload-page button{justify-self:start;padding:.55rem .9rem;border:1px solid var(--ink);background:transparent;cursor:pointer}.upload-work-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.upload-work-list li{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.upload-actions{display:flex;gap:.5rem}.upload-extra{display:grid;gap:.7rem;margin:0;padding:.9rem 0 0;border:0;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.upload-status{margin:0;color:var(--muted)}.page{--side: 33.333%;--spine-x: calc(100% - var(--side) / 2);--spine-width: 2px;--spine-color: color-mix(in srgb, var(--ink) 18%, transparent);--hero-copy-pad: 2em;--hero-name-size: clamp(1.45rem, 2.2vw, 2.1rem);position:relative;min-height:100svh}.spine{position:absolute;top:calc(100svh + var(--hero-copy-pad) + var(--dot-size) / 2);bottom:var(--spine-inset);left:var(--spine-x);width:var(--spine-width);transform:translate(-50%);background:var(--spine-color);pointer-events:none;z-index:1}@media(max-width:800px){.spine{display:none}}:root{--bg: #f5fafe;--ink: #1848a0;--muted: #1b3a73;--dark: #081f3e;--media-radius: clamp(1.15rem, 2.2vw, 2rem);--spine-inset: 2.55rem;--dot-size: 30px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Raleway,sans-serif;font-weight:300;line-height:1.55;text-rendering:optimizeLegibility}main{padding:6em 0 0}img{max-width:100%;display:block}h1{font-family:Raleway,serif;font-weight:500;font-size:2.2rem;line-height:1.2;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.work-dot{--dot-pulse: color-mix(in srgb, var(--ink) 42%, transparent);position:relative;display:block;width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--ink);border:10px solid var(--bg);z-index:1}.work-dot:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;translate:-50% -50%;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 var(--dot-pulse);animation:work-dot-pulse 3.2s ease-out infinite}@keyframes work-dot-pulse{0%{box-shadow:0 0 0 0 var(--dot-pulse)}70%,to{box-shadow:0 0 0 11px transparent}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-dot:after{animation:none}}