:root{--red:#fe0000;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:#111;height:100%;font-family:Degular,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none;cursor:pointer}button{font:inherit;cursor:pointer;border-radius:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:4px}button{min-width:44px;min-height:44px}h1,h2,p{margin:0;font-weight:400}h1,h2{font-weight:600;letter-spacing:-.045em}i{font-family:Instrument,Georgia,serif;font-weight:400}#portfolio{height:100dvh;max-width:520px;margin:auto;position:relative;container-type:inline-size;overflow:hidden;background:#000;color:#000}#project-pages{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scroll-snap-type:y mandatory}#project-pages::-webkit-scrollbar{display:none}.page{height:100%;position:relative;isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;overflow:clip}.surface{height:100%;position:relative;overflow:hidden;isolation:isolate;will-change:transform;background:inherit}.red{background:var(--red);color:#000}.white{background:#fff;color:#000}.black{background:#000;color:var(--red)}.hero{background:#000;color:#fff}header{position:absolute;z-index:30;left:7%;right:7%;top:max(20px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;pointer-events:none;color:#fff;transition:color .25s}header>*{pointer-events:auto}.mark{font-weight:600;line-height:.7;font-size:14cqw;letter-spacing:-.08em}.burger{display:flex;flex-direction:column;gap:5px;justify-content:center;width:44px;height:44px;border:0;background:none;padding:9px;color:inherit}.burger span{height:3px;width:100%;border-radius:9px;background:currentColor}.hero-media{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(#0007,transparent 40%,#0008)}.back-link{position:absolute;left:7%;top:14%;font-size:2.8cqw;letter-spacing:.08em}.hero-title{position:absolute;left:7%;right:7%;bottom:16%}.hero-title h1{font-size:clamp(56px,23cqw,120px);line-height:.85;overflow-wrap:anywhere;max-width:100%}.hero-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:5cqw;font-size:3.5cqw}.hero-meta h2{font-size:inherit;letter-spacing:0;font-weight:400}.hero-meta span{white-space:nowrap}.next-screen{position:absolute;bottom:5%;left:46%;font-size:9cqw;line-height:1;min-width:44px;min-height:44px;text-align:center}.agency{position:absolute;right:6%;bottom:10px;z-index:25;font-size:10px;letter-spacing:.05em;color:currentColor;pointer-events:none}.organic{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible}.organic path{fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transform-origin:center;animation:ink-drift 8s ease-in-out infinite alternate}.about-heading{position:absolute;top:23%;left:5%;right:4%;line-height:.85}.about-heading span{display:block;font-size:19cqw}.about-heading i{display:block;font-size:16cqw;letter-spacing:-.045em;margin:2cqw 0 0 9%}.about-copy{position:absolute;left:34%;right:7%;top:49%;bottom:17%;font-size:3.45cqw;line-height:1.13;letter-spacing:-.01em;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.about-copy p+p{margin-top:1em}.about-copy a{text-decoration:underline}.tags{position:absolute;left:7%;right:7%;bottom:6.5%;display:flex;flex-direction:column;gap:4px;font-size:2.6cqw;line-height:1.15;text-transform:uppercase;letter-spacing:.03em}.tag-link{width:max-content;max-width:100%;text-decoration:underline;text-underline-offset:3px}.eyebrow{position:absolute;left:7%;top:13%;font-size:2.6cqw;letter-spacing:.1em}.gallery-heading{position:absolute;left:7%;right:4%;top:23%;line-height:.78}.gallery-heading span{display:block;font-size:20cqw}.gallery-heading i{display:block;color:var(--red);font-size:21cqw;margin:0 0 0 17%;line-height:.9}.gallery-region{position:absolute;left:7%;right:0;top:45%;bottom:9%;display:flex;flex-direction:column;justify-content:center}.gallery-track{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;width:100%;padding:12px 16% 12px 0;border-top:1px solid #0006;border-bottom:1px solid #0006}.gallery-track::-webkit-scrollbar{display:none}.gallery-item{position:relative;flex:0 0 min(70cqw,29dvh);margin:0;scroll-snap-align:start}.gallery-item img,.gallery-item video{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:50% 50%;background:#111}.gallery-item figcaption{font-size:2.6cqw;line-height:1.1;padding-top:6px;max-height:3em;overflow:hidden}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:9px;margin-right:7.5%;font-size:2.4cqw;letter-spacing:.02em}.gallery-controls>div{display:flex;gap:2px}.gallery-controls button{border:0;background:none;color:#000;font-size:5cqw;line-height:1;padding:0}.gallery-controls button:disabled{opacity:.25}.related-heading{position:absolute;left:5%;right:3%;top:18%;line-height:.85}.related-heading span{display:block;font-size:25cqw}.related-heading i{display:block;font-size:22cqw;color:#fff;margin:1cqw 0 0 6%;line-height:.9}.related-note{position:absolute;top:43%;left:7%;font-size:2.6cqw;color:#fff}.related-list{position:absolute;left:7%;right:7%;top:48%;bottom:15%;display:flex;justify-content:space-between;align-items:flex-start}.related-card{display:block;width:45%;color:#fff}.related-card:nth-child(2){margin-top:8dvh}.related-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#161616}.related-card strong,.related-card small{display:block;font-weight:400;font-size:2.6cqw;line-height:1.1;text-transform:uppercase;margin-top:7px}.related-card small{font-size:2.2cqw;margin-top:3px;opacity:.8}.all-projects{position:absolute;bottom:6.5%;left:7%;font-size:2.8cqw;color:#fff;letter-spacing:.08em}.all-projects span{color:var(--red);margin-left:18px}.related-ink path{stroke-width:2.5}#navigation{position:absolute;inset:0;z-index:50;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:7%;gap:23px;font-size:11cqw;line-height:1;letter-spacing:-.04em}#navigation[hidden]{display:none}#navigation a:nth-of-type(even){font-family:Instrument,serif;font-style:italic;color:var(--red);margin-left:10%}.close-nav{position:absolute;right:5%;top:20px;background:none;border:0;color:var(--red);font-size:10cqw}.parallax{will-change:transform}@keyframes ink-drift{to{transform:translate(8px,-14px) rotate(3deg) scale(1.03)}}@media(prefers-reduced-motion:reduce){.organic path{animation:none}.parallax,.surface{will-change:auto}}@media(max-height:680px){.about-copy{font-size:3.15cqw;top:46%;bottom:19%}.about-heading{top:22%}.about-heading span{font-size:17cqw}.about-heading i{font-size:14cqw}.gallery-heading{top:22%}.gallery-region{top:43%}.related-heading{top:20%}.related-list{top:48%;bottom:15%}}
