@charset "UTF-8";
/* Shoney personal space — all artwork is native CSS/canvas. */
:root{--paper:#eeeee8;--ink:#242c26;--muted:#60695f;--line:#c9cec3;--lime:#c7ee80;--forest:#243b31;--ease:cubic-bezier(.2,.75,.25,1);color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:100px}
*,*::before,*::after{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #43672d;outline-offset:7px}::selection{background:var(--lime);color:var(--ink)}img,svg{max-width:100%}p,h1,h2,h3,figure{margin:0}p{word-break:keep-all;overflow-wrap:break-word}section[id]{scroll-margin-top:32px}.wrap{width:calc(100% - 112px);max-width:1360px;margin-inline:auto}.section-space{padding-block:128px}.eyebrow{font-family:Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.7;letter-spacing:.12em}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:16px;background:var(--lime);transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.wordmark{display:inline-flex;align-items:center;font-family:Arial,sans-serif;font-size:37px;font-weight:750;letter-spacing:-2px;line-height:1}.brand-star{font-size:33px;margin-left:4px;display:inline-block;transition:transform .7s var(--ease)}.wordmark:hover .brand-star{transform:rotate(90deg)}.site-header nav{display:flex;gap:36px;align-items:center}.site-header nav a{font-size:13px;font-weight:600;position:relative;padding-block:12px}.site-header nav a:after,.text-link:after{content:"";height:1px;position:absolute;bottom:5px;left:0;right:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.site-header nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}.site-header nav a>span{font-size:9px;margin-left:5px;vertical-align:super}.header-contact{font-size:12px;padding:12px 18px;border:1px solid var(--ink);border-radius:30px;display:flex;gap:24px;align-items:center;transition:background .25s,color .25s}.header-contact:hover{background:var(--ink);color:var(--paper)}
.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;column-gap:8%;padding-top:64px}.hero-copy{padding-block:23px 54px;z-index:2}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.1em}.status-dot{width:6px;height:6px;background:#647944;border-radius:50%;box-shadow:0 0 0 5px #dfe6d5}.hero h1{margin-top:37px;font-size:clamp(70px,7.3vw,110px);font-weight:730;line-height:1.12;letter-spacing:-.075em;word-break:keep-all}.headline-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.headline-line>span{display:block;animation:headline-in 1.2s var(--ease) both}.headline-line:nth-child(2)>span{animation-delay:.12s}.title-period{color:#7a984b}.hero-intro{display:flex;gap:20px;margin-top:32px;align-items:flex-start}.intro-line{width:30px;height:1px;background:var(--ink);margin-top:13px;flex-shrink:0}.hero-intro p{font-size:14px;line-height:1.95;letter-spacing:-.02em;color:var(--muted)}.hero-intro strong{color:var(--ink);font-weight:650}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:19px 24px;font-size:12px;font-weight:600;transition:background .3s,transform .3s;min-height:54px}.button-dark{background:var(--ink);color:var(--paper);border-radius:2px}.button:hover{background:#425440;transform:translateY(-3px)}.button span{font-size:19px}.text-link{font-size:12px;font-weight:600;padding-block:12px;display:inline-flex;align-items:center;gap:22px;position:relative;white-space:nowrap}.text-link span{font-size:17px;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}
.hero-art{position:relative;min-width:0;min-height:534px;background:var(--forest);border-radius:3px;margin-bottom:48px;isolation:isolate;overflow:visible}.art-grid{position:absolute;inset:0;overflow:hidden;border-radius:3px;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:38px 38px}.art-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent,#243b3188)}.art-topline,.art-bottomline{position:absolute;left:25px;right:25px;color:#c4cfbf;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.09em;display:flex;align-items:center;justify-content:space-between;z-index:3}.art-topline{top:24px}.art-cross{font-size:24px;font-weight:200}.art-bottomline{bottom:23px}.art-bottomline>span:first-child{display:flex;align-items:center;gap:8px;font-size:8px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.art-bottomline>span:last-child{font-size:23px}.hero-art canvas,.art-fallback{position:absolute;inset:0;width:100%;height:100%;border-radius:3px}.hero-art.canvas-ready .art-fallback{opacity:0}.art-center-tag{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);text-align:center;color:#e5f3d8;font-family:Arial,sans-serif;font-size:10px;line-height:1.5;letter-spacing:.19em;pointer-events:none;opacity:.85}.art-sticker{position:absolute;right:-20px;bottom:51px;padding:17px 20px;background:var(--lime);width:180px;height:106px;color:#293b21;transform:rotate(-9deg);box-shadow:0 8px 25px #0b1c1820;font:13px/1.5 Georgia,serif;z-index:4}.art-sticker>span{font-style:italic}.art-sticker svg{position:absolute;width:37px;height:37px;right:14px;bottom:12px;animation:slow-turn 24s linear infinite}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-block:24px 30px;border-top:1px solid var(--line);font-family:Arial,sans-serif;letter-spacing:.1em;font-size:8px;font-weight:600}.scroll-cue{display:flex;gap:30px;align-items:center}.scroll-cue span{font-size:16px;animation:cue 2s ease-in-out infinite}.hero-enter{animation:fade-up 1s var(--ease) .2s both}.hero-art.hero-enter{animation-delay:.1s}
.marquee{overflow:hidden;background:var(--lime);padding-block:22px}.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}.marquee-track>span{font:600 24px/1 Arial,sans-serif;letter-spacing:-.02em;white-space:nowrap;display:block}.marquee i{font-style:normal;font-size:32px;vertical-align:-2px;display:inline-block;margin-inline:35px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:58px}.section-heading .eyebrow,.about-left>.eyebrow{margin-bottom:24px;color:#596751}.section-heading h2,.about-section h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.065em;line-height:1.35;font-weight:650}.section-description{font-size:13px;line-height:1.9;color:var(--muted);padding-bottom:4px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 44px;align-items:start}.project-offset{transform:translateY(92px)}.project-visual{display:block;aspect-ratio:1.18;position:relative;overflow:hidden;border-radius:3px;isolation:isolate;transition:box-shadow .4s var(--ease)}.project-visual:focus-visible{outline-offset:4px}.project-visual:hover{box-shadow:0 12px 30px #20341d12}.visual-top{display:flex;justify-content:space-between;gap:20px;position:absolute;top:22px;left:22px;right:22px;font-family:Arial,sans-serif;font-size:8px;font-weight:600;letter-spacing:.07em;z-index:3}.visual-note{position:absolute;bottom:15px;left:20px;font-size:9px;color:inherit;opacity:.7;z-index:3}.project-open{position:absolute;right:20px;bottom:19px;width:37px;height:37px;display:grid;place-items:center;background:#ffffffb3;border-radius:50%;font-size:22px;z-index:5;transition:transform .35s,background .35s}.project-visual:hover .project-open{transform:rotate(45deg);background:white}.project-info{display:flex;justify-content:space-between;gap:20px;margin-top:22px;align-items:flex-start}.project-info h3{font-size:23px;font-weight:650;letter-spacing:-.055em}.project-info h3 span{font-family:Arial,sans-serif;font-size:13px;letter-spacing:-.02em;font-weight:400;margin-left:7px;color:var(--muted)}.project-info p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px;letter-spacing:-.02em}.project-category{font-size:9px;white-space:nowrap;color:var(--muted);border:1px solid var(--line);padding:6px 9px;border-radius:20px;margin-top:4px}.nadarm-visual{background:#d9e6c6;color:#36412e}.journal-orbit{position:absolute;inset:0;transform:rotate(-20deg);transition:transform 1s var(--ease)}.journal-orbit i{position:absolute;width:80%;height:65%;border:1px solid #aabf91;border-radius:50%;left:10%;top:18%}.journal-orbit i:nth-child(2){transform:rotate(60deg)}.journal-orbit i:nth-child(3){transform:rotate(120deg)}.journal-sheet{width:60%;height:72%;position:absolute;top:15%;left:21%;padding:22px;background:#faf9f0;box-shadow:10px 20px 40px #3b4d2420;transform:rotate(-7deg);display:flex;flex-direction:column;transition:transform .6s var(--ease)}.sheet-label{font:7px Arial,sans-serif;letter-spacing:.1em;color:#6d775f}.journal-symbol{font:italic 72px/.9 Georgia,serif;letter-spacing:-10px;color:#6b8548;margin-top:18px}.journal-sheet strong{font-size:clamp(12px,1.3vw,18px);line-height:1.6;letter-spacing:-.04em;font-weight:500;margin-top:17px}.sheet-lines{margin-top:18px;display:grid;gap:9px}.sheet-lines i{height:1px;background:#d6dcca;width:100%}.sheet-lines i:last-child{width:65%}.sheet-bottom{font-size:7px;color:#67715d;margin-top:auto;display:flex;justify-content:space-between;align-items:center}.sheet-bottom>span{font-size:22px}.nadarm-visual:hover .journal-sheet{transform:rotate(-2deg) translateY(-8px)}.nadarm-visual:hover .journal-orbit{transform:rotate(3deg)}
.macrelay-visual{background:#27313d;color:#e1e7eb}.relay-waves{position:absolute;inset:0;display:grid;place-items:center}.relay-waves i{position:absolute;width:45%;aspect-ratio:1;border-radius:50%;border:1px solid #789b9850;animation:relay-wave 8s ease-out infinite}.relay-waves i:nth-child(2){animation-delay:-2s}.relay-waves i:nth-child(3){animation-delay:-4s}.relay-waves i:nth-child(4){animation-delay:-6s}.relay-desktop{position:absolute;left:13%;top:23%;width:70%;height:53%;background:#172126;border:1px solid #718383;box-shadow:0 15px 30px #10131e50;border-radius:7px;transform:rotate(-4deg);transition:transform .6s var(--ease)}.window-dots{height:28px;display:flex;align-items:center;gap:4px;padding-inline:10px;border-bottom:1px solid #56696644}.window-dots>i{width:4px;height:4px;border-radius:50%;background:#758f7c}.window-dots>span{font:6px Arial,sans-serif;letter-spacing:.1em;color:#8ea198;margin-left:auto}.terminal-body{display:flex;flex-direction:column;padding:20px 18px;gap:12px;font-size:10px}.code-prompt{font:9px monospace;color:#a8cb84}.terminal-line{color:#dde3db;font-size:12px;letter-spacing:-.02em}.muted-code{font:8px monospace;color:#80988f}.terminal-cursor{font-size:12px;color:#c7ee80;animation:cursor-blink 1.4s steps(1) infinite}.relay-phone{position:absolute;right:12%;top:35%;width:26%;height:52%;border:4px solid #bac8bf;background:#e9eddd;box-shadow:0 15px 22px #0b171d55;border-radius:21px;transform:rotate(10deg);padding:30px 8px 12px;transition:transform .6s var(--ease)}.phone-speaker{position:absolute;top:8px;width:24px;height:4px;border-radius:3px;background:#a0afa0;left:50%;transform:translateX(-50%)}.phone-time{font:600 9px Arial,sans-serif;color:#314032;display:block;margin-bottom:20px}.phone-message{font-size:8px;line-height:1.5;padding:10px 7px;background:white;border-radius:8px 8px 8px 0;color:#46573c;margin-bottom:10px;white-space:nowrap}.phone-answer{background:#c7ee80;border-radius:8px 8px 0 8px}.phone-signal{display:block;text-align:center;margin-top:12px;color:#627e48;font-size:25px}.phone-bottom{position:absolute;bottom:5px;left:34%;width:32%;height:3px;border-radius:2px;background:#71846c}.macrelay-visual:hover .relay-desktop{transform:rotate(-1deg) translate(-5px,-4px)}.macrelay-visual:hover .relay-phone{transform:rotate(4deg) translateY(-9px)}
.cutroom-visual{background:#d4dcf2;color:#344060}.cutroom-title{position:absolute;left:30px;top:18%;font:500 clamp(26px,4vw,58px)/1.03 Arial,sans-serif;letter-spacing:-.07em}.cutroom-title em{font-family:Georgia,serif;font-weight:400}.edit-timeline{position:absolute;left:7%;right:7%;bottom:17%;height:34%;padding:14px;background:#edf1fa;border:1px solid #bcc6de;border-radius:6px;box-shadow:0 14px 25px #7583ad20;transform:rotate(-4deg);transition:transform .6s var(--ease)}.timeline-ruler{display:flex;justify-content:space-between;font:6px monospace;color:#6f7c9c;padding-bottom:11px}.clip-track{display:flex;height:29%;gap:4px}.clip-track span{height:100%;background:#7e91bf;flex:1;border-radius:2px;padding:7px;color:#fff;font-size:7px}.clip-track span:first-child{flex:2}.clip-track span:nth-child(2){background:#a0b0d3}.waveform{height:18%;margin-block:6px;background:repeating-linear-gradient(90deg,#657caa 0px,#657caa 2px,transparent 2px,transparent 5px);clip-path:polygon(0 35%,3% 10%,6% 35%,9% 0,12% 25%,15% 40%,18% 10%,21% 30%,24% 0,27% 20%,30% 40%,33% 15%,36% 0,39% 35%,42% 15%,45% 30%,48% 0,51% 20%,54% 40%,57% 10%,60% 35%,63% 5%,66% 15%,69% 30%,72% 0,75% 30%,78% 20%,81% 0,84% 30%,87% 10%,90% 35%,93% 0,96% 20%,100% 40%,100% 70%,96% 90%,93% 100%,90% 75%,87% 90%,84% 70%,81% 100%,78% 80%,75% 70%,72% 100%,69% 70%,66% 85%,63% 95%,60% 65%,57% 90%,54% 60%,51% 80%,48% 100%,45% 70%,42% 85%,39% 65%,36% 100%,33% 85%,30% 60%,27% 80%,24% 100%,21% 70%,18% 90%,15% 60%,12% 75%,9% 100%,6% 65%,3% 90%,0 65%)}.caption-track{display:flex;gap:6px}.caption-track span{font-size:6px;padding:5px 8px;border-radius:2px;background:#c8d4ec;color:#3a527c}.playhead{position:absolute;left:54%;top:20px;bottom:10px;width:1px;background:#394e82;animation:playhead 9s ease-in-out infinite alternate}.playhead span{position:absolute;top:-12px;left:-6px;font-size:12px}.cutroom-visual:hover .edit-timeline{transform:rotate(0) translateY(-8px)}
.darkroom-visual{background:#ddc4aa;color:#513b2c}.photo-study{position:absolute;inset:15% 14% 19%;overflow:hidden;background:linear-gradient(170deg,#dba875,#ead3a3 50%,#8d9b7b);box-shadow:0 12px 25px #71503220;transform:rotate(5deg);transition:transform .6s var(--ease)}.photo-sun{position:absolute;left:57%;top:16%;width:19%;aspect-ratio:1;background:#fff0bc;border-radius:50%;box-shadow:0 0 50px #f8c890;animation:sun-breathe 8s ease-in-out infinite alternate}.photo-horizon{position:absolute;inset:52% 0 0;background:linear-gradient(#baa282,#728477)}.photo-hill{position:absolute;width:150%;height:100%;border-radius:50%;transform:rotate(-14deg)}.hill-back{background:#687f72;left:-35%;top:65%}.hill-front{background:#3f6057;right:-80%;top:62%;transform:rotate(40deg)}.photo-grain{position:absolute;inset:0;z-index:4;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.photo-frame{position:absolute;inset:12px;border:1px solid #ffffff6b;z-index:5}.photo-frame:before,.photo-frame:after{content:"";position:absolute;left:33.33%;top:0;bottom:0;width:1px;background:#ffffff28}.photo-frame:after{left:66.66%}.photo-divider{position:absolute;left:40%;top:0;bottom:0;z-index:6;width:1px;background:#ffffffb3;animation:photo-sweep 9s ease-in-out infinite alternate}.photo-divider:before{content:"";position:absolute;right:0;top:0;bottom:0;width:400px;background:#85623920;backdrop-filter:saturate(.35)}.photo-divider>span{position:absolute;left:-10px;top:50%;width:21px;height:21px;border-radius:50%;background:#f4eee3;display:grid;place-items:center;color:#685543;font:13px Arial}.photo-controls{position:absolute;bottom:10%;left:20%;right:20%;display:flex;align-items:center;gap:10px;font:6px Arial;letter-spacing:.1em}.photo-controls i{height:1px;flex:1;background:#8f7460;position:relative}.photo-controls i:after{content:"";position:absolute;top:-3px;left:38%;width:7px;height:7px;border-radius:50%;background:#71543b}.darkroom-visual:hover .photo-study{transform:rotate(0) translateY(-5px)}
.work-footnote{display:flex;gap:12px;align-items:center;margin-top:140px;border-top:1px solid var(--line);padding-top:24px;color:var(--muted)}.work-footnote p{font-size:11px;line-height:1.8}.work-footnote>a{margin-left:auto;white-space:nowrap;display:flex;gap:20px;font:9px Arial,sans-serif;letter-spacing:.1em}.about-section{background:#e2e5db}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:14%}.about-art{height:220px;width:270px;position:relative;display:grid;place-items:center;margin-top:48px}.about-orbit{position:absolute;left:15%;top:20%;width:68%;height:60%;border:1px solid #a7b39a;border-radius:50%}.orbit-a{transform:rotate(25deg)}.orbit-b{transform:rotate(85deg)}.orbit-c{transform:rotate(145deg)}.about-art>span{font-size:78px;color:#7a9255;animation:slow-turn 30s linear infinite;line-height:1}.about-art>small{position:absolute;bottom:0;font:8px Arial;letter-spacing:.15em;color:#5b6c4d}.about-copy{padding-top:38px}.about-lead{font-size:24px;font-weight:550;letter-spacing:-.045em;line-height:1.55;margin-bottom:24px}.about-copy>p:not(.about-lead){font-size:14px;line-height:2;color:#5a6555;margin-bottom:20px}.capability-list{margin-block:30px 20px}.capability-list>div{display:grid;grid-template-columns:26px 1fr;column-gap:12px;border-top:1px solid #bcc4b4;padding-block:17px}.capability-list>div>span{font:9px Arial;color:#7a886d;padding-top:4px}.capability-list strong{font:500 15px Arial;letter-spacing:-.01em}.capability-list p{grid-column:2;font-size:11px;margin-top:7px;color:#65705e;line-height:1.6}.note-list{border-top:1px solid var(--line)}.note-row{display:grid;grid-template-columns:80px 1fr 64px;gap:20px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);transition:padding .35s var(--ease),background .35s}.note-row:hover{padding-inline:18px;background:#e3e8da}.note-number{font:12px Arial;color:#7b8671;align-self:start;margin-top:4px}.note-topic{font:8px Arial;letter-spacing:.1em;color:#637653}.note-row h3{font-size:21px;letter-spacing:-.04em;font-weight:550;margin-top:11px}.note-row p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:9px}.note-arrow{font:27px Arial;justify-self:end;transition:transform .35s}.note-row:hover .note-arrow{transform:translate(4px,-4px)}
.contact-section{background:var(--lime);padding-block:68px 74px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-star{font-size:70px;line-height:1;animation:slow-turn 30s linear infinite}.contact-section h2{font-size:clamp(38px,5.7vw,80px);line-height:1.23;letter-spacing:-.065em;font-weight:600;margin-top:8px}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:54px;padding-top:30px;border-top:1px solid #95b85d}.contact-bottom p{font-size:12px;line-height:1.9;color:#4f6435}.contact-email{font:400 clamp(17px,2.5vw,35px)/1.3 Arial,sans-serif;letter-spacing:-.04em;display:flex;gap:30px;align-items:center;position:relative;padding-block:10px}.contact-email:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;transform-origin:left;transform:scaleX(0);transition:transform .4s}.contact-email:hover:after{transform:scaleX(1)}.contact-email span{transition:transform .4s}.contact-email:hover span{transform:translate(4px,-4px)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:130px;padding-block:30px}.site-footer .wordmark{font-size:28px}.site-footer .brand-star{font-size:25px}.footer-note{font-size:11px;color:var(--muted)}.site-footer>div{display:flex;gap:25px;align-items:center;font-size:10px;color:var(--muted)}.motion-toggle{position:fixed;z-index:50;right:16px;bottom:16px;display:flex;gap:7px;align-items:center;border:1px solid #78817366;border-radius:25px;padding:9px 12px;background:#f4f5edee;color:#45553e;backdrop-filter:blur(8px);font-size:9px;min-height:34px}.motion-toggle>span:first-child{font:12px Arial}.motion-toggle:hover{background:white}.motion-toggle:focus-visible{outline-offset:3px}
/* Progressive enhancement: content remains visible when JS is unavailable. */
.motion-ready .reveal{opacity:0;translate:0 24px;transition:opacity .8s var(--ease),translate .8s var(--ease)}.motion-ready .reveal.in-view{opacity:1;translate:0 0}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}.motion-paused .reveal{opacity:1;translate:none}.motion-paused{scroll-behavior:auto}.motion-paused .hero-enter,.motion-paused .headline-line>span{animation:none;opacity:1;transform:none}
@keyframes headline-in{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes relay-wave{0%{transform:scale(.7);opacity:0}20%{opacity:.6}100%{transform:scale(2);opacity:0}}@keyframes cursor-blink{0%,50%{opacity:1}51%,100%{opacity:0}}@keyframes playhead{from{left:26%}to{left:77%}}@keyframes sun-breathe{from{opacity:.7}to{opacity:1}}@keyframes photo-sweep{from{left:28%}to{left:75%}}
/* Project stories use the same typography, with a quiet reading column. */
.case-main{padding-top:64px;padding-bottom:100px}.case-back{font-size:12px;display:inline-flex;gap:16px;margin-bottom:60px}.case-heading{max-width:960px}.case-heading h1{font-size:clamp(45px,7vw,96px);line-height:1.08;letter-spacing:-.065em;margin-top:22px;font-weight:650}.case-tagline{font-size:clamp(18px,2.8vw,32px);letter-spacing:-.045em;line-height:1.5;margin-top:26px;max-width:750px}.case-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.case-meta>span{border:1px solid var(--line);border-radius:30px;padding:8px 12px;font-size:10px}.case-banner{margin-top:58px;padding:55px 42px;background:var(--forest);color:var(--lime);display:flex;justify-content:space-between;align-items:center;gap:40px;min-height:230px;border-radius:3px}.case-banner>strong{font:500 clamp(36px,6vw,85px)/1.1 Arial,sans-serif;letter-spacing:-.06em}.case-banner>span{font-size:80px;animation:slow-turn 35s linear infinite}.case-reading{max-width:740px;margin:70px auto 0}.case-reading section{margin-bottom:52px}.case-reading h2{font-size:25px;letter-spacing:-.045em;font-weight:600;margin-bottom:20px}.case-reading p,.case-reading li{font-size:15px;line-height:2.1;color:#52604d;word-break:keep-all;overflow-wrap:break-word}.case-reading p+p{margin-top:16px}.case-reading ul{padding-left:21px}.case-reading li+li{margin-top:10px}.case-reading .case-status{border-left:2px solid #829d5b;background:#e2e7d9;padding:20px 24px;font-size:13px}.case-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:30px;margin-top:65px;gap:25px}.case-next strong{font-size:25px;letter-spacing:-.04em}.case-next span{font-size:12px;color:var(--muted)}.case-next>span:last-child{font-size:30px;color:var(--ink)}
@media(min-width:1600px){.hero{column-gap:9%;padding-top:80px}.hero-art{min-height:580px}.hero-copy{padding-top:35px}.hero h1{font-size:115px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{column-gap:5%;padding-top:48px}.hero h1{font-size:8.2vw}.hero-art{min-height:480px}.hero-copy{padding-top:20px}.hero-intro{gap:13px}.hero-intro p{font-size:12px}.hero-actions{gap:15px}.hero-actions .button{padding:16px;gap:24px;font-size:11px}.hero-actions .text-link{font-size:11px;gap:12px}.hero-bottom{font-size:7px}.project-grid{gap:55px 30px}.project-info{gap:12px}.project-category{font-size:8px;padding:5px 7px}.project-info p{font-size:11px}.project-info h3{font-size:21px}.journal-sheet{padding:18px}.journal-symbol{font-size:60px;margin-top:12px}.journal-sheet strong{margin-top:10px}.sheet-lines{margin-top:13px}.about-layout{gap:9%}.section-space{padding-block:100px}.site-footer{gap:25px}.footer-note{font-size:10px}.site-footer>div{gap:16px}.visual-top{font-size:7px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.site-header{height:86px}.wordmark{font-size:32px}.brand-star{font-size:28px}.site-header nav{gap:20px}.site-header nav a{font-size:12px}.header-contact{font-size:10px;padding:11px 14px;gap:12px}.hero{grid-template-columns:1fr;gap:0;padding-top:40px}.hero-copy{padding:10px 0 42px}.hero h1{font-size:clamp(80px,14vw,120px);margin-top:28px}.hero-intro{gap:18px;margin-top:26px}.hero-intro p{font-size:14px}.hero-actions{gap:28px;margin-top:26px}.hero-actions .button{padding:18px 23px;font-size:12px;gap:36px}.hero-actions .text-link{font-size:12px;gap:20px}.hero-art{min-height:0;aspect-ratio:1.35;margin-bottom:30px}.art-sticker{right:-10px;bottom:42px}.hero-bottom{font-size:7px;padding-bottom:23px}.hero-bottom>span:nth-child(2){display:none}.marquee{padding-block:19px}.marquee-track>span{font-size:20px}.marquee i{font-size:26px;margin-inline:25px}.section-space{padding-block:82px}.section-heading{gap:25px;margin-bottom:38px}.section-heading h2,.about-section h2{font-size:34px}.section-description{font-size:11px}.project-grid{gap:46px 24px}.project-offset{transform:translateY(65px)}.project-visual{aspect-ratio:.95}.visual-top{top:16px;left:14px;right:14px;font-size:7px}.visual-top>span:last-child{display:none}.visual-note{font-size:7px;left:13px;bottom:12px;max-width:70%;line-height:1.5}.project-open{right:13px;bottom:15px;width:30px;height:30px;font-size:18px}.journal-sheet{left:15%;width:72%;height:68%;padding:14px;top:17%}.sheet-label{font-size:5px}.journal-symbol{font-size:53px;margin-top:15px}.journal-sheet strong{font-size:12px;line-height:1.6;margin-top:13px}.sheet-lines{gap:7px;margin-top:12px}.sheet-bottom{font-size:5px}.sheet-bottom>span{font-size:15px}.relay-desktop{left:9%;width:76%;height:49%;top:25%}.terminal-body{padding:16px 12px;gap:10px}.terminal-line{font-size:9px}.muted-code{font-size:6px}.relay-phone{width:31%;right:9%;height:46%;top:40%;border-width:3px;padding:26px 6px 10px;border-radius:15px}.phone-time{font-size:7px;margin-bottom:14px}.phone-message{font-size:6px;padding:8px 4px;margin-bottom:8px}.phone-signal{font-size:18px;margin-top:7px}.cutroom-title{left:20px;top:22%;font-size:34px}.edit-timeline{left:6%;right:6%;height:30%;bottom:19%;padding:10px}.timeline-ruler{font-size:5px}.clip-track span{font-size:5px;padding:5px}.caption-track span{font-size:5px;padding:4px}.project-info{display:block;margin-top:17px}.project-category{display:inline-block;margin-top:12px}.project-info h3{font-size:22px}.project-info h3 span{font-size:12px}.project-info p{font-size:11px}.work-footnote{margin-top:108px;align-items:flex-start}.work-footnote>.tiny-dot{margin-top:7px}.work-footnote p{font-size:10px;max-width:76%}.work-footnote>a{font-size:8px;gap:8px;margin-top:4px}.about-layout{gap:8%;grid-template-columns:.9fr 1fr}.about-art{width:220px;height:200px}.about-copy{padding-top:38px}.about-lead{font-size:21px}.about-copy>p:not(.about-lead){font-size:12px}.capability-list strong{font-size:13px}.capability-list p{font-size:10px}.notes-section .section-heading>.text-link{font-size:11px;gap:10px}.note-row{grid-template-columns:44px 1fr 40px;gap:14px;padding-block:28px}.note-row h3{font-size:19px}.note-row p{font-size:11px}.contact-section{padding-block:55px}.contact-section h2{font-size:52px}.contact-star{font-size:55px}.contact-bottom{margin-top:35px}.contact-email{font-size:25px;gap:20px}.site-footer{flex-wrap:wrap;gap:23px;padding-block:35px 60px}.footer-note{margin-left:auto}.site-footer>div{width:100%;justify-content:space-between}.case-main{padding-top:40px}.case-back{margin-bottom:40px}.case-banner{padding:40px 28px}.case-banner>span{font-size:60px}.case-reading{margin-top:50px}}
@media(max-width:540px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}.wordmark{font-size:30px}.brand-star{font-size:26px}.site-header nav{gap:19px;margin-left:auto}.site-header nav a{font-size:11px;min-height:44px;display:flex;align-items:center}.site-header nav a>span{display:none}.header-contact{display:none}.hero{padding-top:30px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.09em}.hero h1{font-size:clamp(66px,18vw,96px);margin-top:30px;line-height:1.13}.hero-intro{gap:12px;margin-top:27px}.intro-line{width:22px}.hero-intro p{font-size:12px;line-height:1.9}.hero-copy{padding-bottom:32px}.hero-actions{gap:20px;margin-top:25px}.hero-actions .button{font-size:10px;padding:15px 18px;gap:22px;min-height:49px}.hero-actions .text-link{font-size:10px;gap:10px}.hero-art{aspect-ratio:1.1;margin-bottom:24px}.art-topline,.art-bottomline{left:20px;right:20px}.art-topline{top:16px;font-size:8px}.art-bottomline{bottom:18px}.art-bottomline>span:first-child{font-size:6px;letter-spacing:.05em}.art-sticker{width:145px;height:85px;font-size:11px;padding:12px 14px;bottom:38px;right:-5px}.art-sticker svg{width:28px;bottom:8px;right:12px}.art-center-tag{font-size:8px}.hero-bottom{font-size:6px;letter-spacing:.07em;padding-block:20px}.scroll-cue{gap:15px}.marquee{padding-block:17px}.marquee-track>span{font-size:16px}.marquee i{font-size:23px;margin-inline:20px}.section-space{padding-block:68px}.eyebrow{font-size:9px}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow,.about-left>.eyebrow{margin-bottom:18px}.section-heading h2,.about-section h2{font-size:30px;line-height:1.4}.section-description{font-size:11px;line-height:1.9;margin-top:20px}.project-grid{grid-template-columns:1fr;gap:37px}.project-offset{transform:none}.project-visual{aspect-ratio:1.13}.visual-top{top:19px;left:18px;right:18px;font-size:7px}.visual-top>span:last-child{display:block;font-size:6px}.visual-note{left:17px;font-size:8px;bottom:14px}.project-open{right:17px;bottom:17px;width:33px;height:33px}.journal-sheet{left:22%;width:58%;height:72%;padding:18px;top:14%}.sheet-label{font-size:6px}.journal-symbol{font-size:64px;margin-top:13px}.journal-sheet strong{font-size:14px;margin-top:13px}.sheet-bottom{font-size:6px}.sheet-lines{margin-top:15px;gap:8px}.sheet-bottom>span{font-size:21px}.project-info{display:flex;gap:15px}.project-info h3{font-size:22px}.project-info p{font-size:11px;max-width:245px}.project-category{font-size:8px;padding:6px 8px;margin-top:4px}.relay-desktop{left:12%;width:71%;height:51%;top:24%}.terminal-body{padding:18px 15px;gap:12px}.terminal-line{font-size:11px}.muted-code{font-size:7px}.relay-phone{width:27%;right:12%;height:51%;top:35%;padding:29px 7px 10px}.phone-time{font-size:8px;margin-bottom:20px}.phone-message{font-size:7px;padding:9px 5px;margin-bottom:9px}.phone-signal{font-size:23px}.cutroom-title{left:27px;top:21%;font-size:43px}.edit-timeline{height:32%;padding:13px;bottom:18%;left:7%;right:7%}.timeline-ruler{font-size:6px}.clip-track span{font-size:6px}.caption-track span{font-size:6px}.work-footnote{margin-top:35px;gap:9px;flex-wrap:wrap;padding-top:20px}.work-footnote p{max-width:calc(100% - 16px);font-size:10px}.work-footnote>a{margin-left:14px;margin-top:8px;font-size:9px;gap:12px}.about-layout{grid-template-columns:1fr;gap:32px}.about-left{display:grid;grid-template-columns:1fr 100px;gap:0}.about-left>.eyebrow{grid-column:1/-1}.about-art{width:100px;height:105px;margin:5px 0 0}.about-orbit{top:15%;height:65%;left:5%;width:90%}.about-art>span{font-size:45px}.about-art>small{display:none}.about-copy{padding-top:0}.about-lead{font-size:22px}.about-copy>p:not(.about-lead){font-size:13px;line-height:2}.capability-list strong{font-size:14px}.capability-list p{font-size:11px}.capability-list>div{padding-block:17px}.notes-section .section-heading>.text-link{margin-top:15px}.note-row{grid-template-columns:25px 1fr 22px;gap:10px;padding-block:26px}.note-number{font-size:10px}.note-topic{font-size:7px}.note-row h3{font-size:17px;line-height:1.55;margin-top:8px}.note-row p{font-size:11px;line-height:1.9;margin-top:8px}.note-arrow{font-size:23px}.note-row:hover{padding-inline:5px}.contact-section{padding-block:45px}.contact-section .eyebrow{font-size:8px}.contact-star{font-size:44px}.contact-section h2{font-size:39px;margin-top:18px}.contact-bottom{display:block;margin-top:30px;padding-top:20px}.contact-bottom p{font-size:11px}.contact-email{font-size:24px;justify-content:space-between;margin-top:24px;gap:12px;max-width:350px}.site-footer{gap:22px;padding-block:30px 64px}.site-footer .wordmark{font-size:26px}.site-footer .brand-star{font-size:23px}.footer-note{font-size:8px}.site-footer>div{font-size:9px;gap:12px}.motion-toggle{right:10px;bottom:10px;padding:9px 11px}.motion-label{font-size:9px}.case-main{padding-top:33px;padding-bottom:65px}.case-back{margin-bottom:35px;font-size:11px}.case-heading h1{font-size:52px;margin-top:16px}.case-tagline{font-size:21px}.case-meta{gap:7px}.case-meta>span{font-size:9px;padding:7px 10px}.case-banner{margin-top:36px;padding:35px 23px;min-height:180px;gap:20px}.case-banner>strong{font-size:38px}.case-banner>span{font-size:45px}.case-reading{margin-top:40px}.case-reading h2{font-size:21px}.case-reading p,.case-reading li{font-size:13px;line-height:2}.case-reading section{margin-bottom:36px}.case-reading .case-status{font-size:12px;padding:17px}.case-next strong{font-size:20px}.case-next span{font-size:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;translate:none}.headline-line>span,.hero-enter{transform:none;opacity:1}}

/* Reading copy stays comfortably sized; only decorative labels use microtype. */
@media(min-width:801px){.hero-intro p{font-size:15px}.section-description{font-size:14px}.project-info p{font-size:13px}.note-row p{font-size:14px}.contact-bottom p{font-size:14px}.hero-actions .button,.hero-actions .text-link{font-size:13px}}