@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#11110f; --paper:#f2efe8; --acid:#fc4a1a; --muted:#aaa79f; --rule:rgba(242,239,232,.25); --display:'Barlow Condensed','Arial Narrow',sans-serif; --sans:'Manrope','Microsoft YaHei','PingFang SC',sans-serif; color-scheme:dark; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--sans); font-size:16px; line-height:1.65; overflow-x:hidden; }
button,a { font:inherit; } a { color:inherit; text-decoration:none; } button { color:inherit; } ::selection { background:var(--acid); color:#fff; } :focus-visible { outline:2px solid var(--acid); outline-offset:5px; }
::-webkit-scrollbar { width:10px; } ::-webkit-scrollbar-track { background:var(--ink); } ::-webkit-scrollbar-thumb { background:#605d56; border:2px solid var(--ink); }
.skip-link { position:fixed; z-index:20; top:10px; left:10px; transform:translateY(-150%); background:var(--paper); color:var(--ink); padding:10px 14px; font-size:13px; }.skip-link:focus { transform:none; }
.hc-header { position:absolute; z-index:10; top:0; left:0; width:100%; min-height:88px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:12px 32px; transition:background .3s ease, transform .3s ease; }.hc-header.is-stuck { position:fixed; background:rgba(17,17,15,.9); backdrop-filter:blur(18px); }
.hc-brand,.footer-brand { display:inline-flex; align-items:center; gap:11px; font-family:var(--display); font-size:36px; font-weight:700; letter-spacing:.035em; line-height:1; }.hc-brand-mark { width:64px; height:64px; display:block; overflow:hidden; background:transparent; flex:none; }.hc-brand-mark img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; transform:scale(1.7); transform-origin:center; }.footer-brand{font-size:30px;gap:12px}.footer-brand .hc-brand-mark{width:46px;height:46px}.footer-brand .hc-brand-mark img{transform:scale(1.35)}
.hc-nav { display:flex; align-items:center; gap:23px; font-family:var(--display); font-size:15px; letter-spacing:.06em; }.hc-nav a { opacity:.65; transition:opacity .2s ease; }.hc-nav a:hover,.hc-nav a.is-current { opacity:1; }.hc-nav a.is-current { color:var(--acid); }.hc-header-cta { justify-self:end; font-size:12px; font-weight:700; }.hc-header-cta span { color:var(--acid); margin-left:5px; }
.hero { min-height:100svh; position:relative; isolation:isolate; background:#252420; }.hero-slides,.hero-slide,.hero-scrim { position:absolute; inset:0; }.hero-slide { overflow:hidden; opacity:0; transition:opacity 1.15s cubic-bezier(.22,.61,.36,1); }.hero-slide.is-active { opacity:1; }.hero-slide img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.84) contrast(1.07); animation:heroZoom 9s cubic-bezier(.2,.7,.2,1) both; will-change:transform; }.hero-slide--moon img{object-position:center 56%;filter:saturate(.9) contrast(1.12)}.hero-slide:not(.is-active) img { animation:none; } @keyframes heroZoom { from{ transform:scale(1.085) translate3d(-.7%,-.5%,0) } to{ transform:scale(1) translate3d(.4%,.2%,0) } }.hero-shift{position:absolute;inset:-3%;z-index:1;pointer-events:none;background:var(--slide-image) center/cover no-repeat;opacity:0;mix-blend-mode:screen;will-change:transform,clip-path;}.hero-slide--moon .hero-shift{background-position:center 56%}.hero-slide.is-active .hero-shift--one{opacity:.13;clip-path:inset(22% 0 66% 0);animation:signalShiftOne 6.8s steps(1,end) infinite}.hero-slide.is-active .hero-shift--two{opacity:.1;clip-path:inset(69% 0 20% 0);animation:signalShiftTwo 8.4s steps(1,end) infinite}@keyframes signalShiftOne{0%,14%,100%{transform:translate3d(0,0,0)}15%{transform:translate3d(1.4%,.2%,0)}16%{transform:translate3d(-.7%,0,0)}17%{transform:translate3d(0,0,0)}68%{transform:translate3d(0,0,0)}69%{transform:translate3d(-1.1%,-.2%,0)}70%{transform:translate3d(0,0,0)}}@keyframes signalShiftTwo{0%,37%,100%{transform:translate3d(0,0,0)}38%{transform:translate3d(-1.7%,.15%,0)}39%{transform:translate3d(.8%,0,0)}40%{transform:translate3d(0,0,0)}76%{transform:translate3d(0,0,0)}77%{transform:translate3d(1.3%,0,0)}78%{transform:translate3d(0,0,0)}}.hero:after { content:''; position:absolute; z-index:1; inset:-20%; pointer-events:none; background:radial-gradient(circle at 50% 46%,rgba(252,74,26,.15),transparent 25%); mix-blend-mode:screen; animation:heroAura 9s ease-in-out infinite alternate; }.hero-scrim { z-index:2; background:linear-gradient(90deg,rgba(8,8,7,.62) 0%,rgba(8,8,7,.22) 48%,rgba(8,8,7,.32) 100%),linear-gradient(0deg,rgba(8,8,7,.65),transparent 45%); } @keyframes heroAura { to { transform:translate3d(4%,-2%,0) scale(1.16); opacity:.6; } }
.hero-copy { position:relative; z-index:2; min-height:100svh; width:100%; padding:clamp(116px,15vh,170px) 40px 120px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }.hero-word,.project-index { margin:0 0 18px; font-family:var(--display); font-size:14px; letter-spacing:.16em; color:var(--acid); }.hero h1 { max-width:930px; margin:0; font-family:var(--sans); font-size:clamp(50px,7.2vw,112px); font-weight:800; letter-spacing:-.065em; line-height:1.01; text-wrap:balance; }.hero-copy > p:not(.hero-word) { max-width:590px; margin:28px 0 0; color:rgba(242,239,232,.9); font-size:16px; line-height:1.75; }.hero-link { margin-top:34px; font-weight:700; font-size:14px; border-bottom:1px solid var(--paper); padding-bottom:7px; transition:color .2s,border-color .2s; }.hero-link:hover { color:var(--acid); border-color:var(--acid); }.hero-link span { margin-left:15px; color:var(--acid); }.hero-copy.is-switching>*{animation:heroCopyIn .62s cubic-bezier(.22,.61,.36,1) both}.hero-copy.is-switching .hero-word{animation-delay:.02s}.hero-copy.is-switching h1{animation-delay:.08s}.hero-copy.is-switching #hero-caption{animation-delay:.15s}.hero-copy.is-switching .hero-link{animation-delay:.21s}@keyframes heroCopyIn{from{opacity:0;transform:translateY(22px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
.hero-controls { position:absolute; z-index:3; right:40px; bottom:38px; display:flex; align-items:center; gap:16px; font-family:var(--display); letter-spacing:.08em; font-size:14px; }.hero-controls p { margin:0; white-space:nowrap; }.hero-controls p span{color:var(--acid);font-size:18px}.hero-progress { width:110px; height:2px; background:rgba(255,255,255,.35); overflow:hidden; }.hero-progress span { display:block;width:33.333%;height:100%;background:var(--acid);transition:transform .55s ease; }.hero-next { border:0; background:transparent; cursor:pointer; padding:5px 0; font-family:var(--display); letter-spacing:.08em; }.hero-next span { color:var(--acid);margin-left:7px; }.hero-credit { position:absolute; z-index:2; bottom:36px; left:40px; margin:0; color:rgba(242,239,232,.6); font-size:11px; }
.manifesto { position:relative; padding:clamp(105px,14vw,190px) 9vw; background:var(--paper); color:var(--ink); }.manifesto-line{width:48px;height:5px;background:var(--acid);margin-bottom:48px}.manifesto>p{margin:0 0 13px;font-weight:700;font-size:15px}.manifesto h2{max-width:920px;margin:0;font-size:clamp(39px,6vw,90px);line-height:1.12;letter-spacing:-.06em;font-weight:800}.manifesto h2 em{font-style:normal;color:var(--acid)}.manifesto-copy{max-width:590px;margin:70px 0 0 auto;font-size:16px}.manifesto-copy p{margin:0 0 18px}.manifesto-copy p+p{color:#55534d}
.work { padding:clamp(100px,13vw,180px) 7vw; background:#151512; }.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:86px}.section-head h2,.film-strip h2,.archive h2{margin:0;font-size:clamp(46px,6vw,86px);letter-spacing:-.06em;line-height:1;font-weight:800}.section-head p{margin:0;color:#b2aea5;font-size:14px}.project{display:grid;grid-template-columns:1.2fr .8fr;min-height:600px;border-top:1px solid var(--rule)}.project:last-child{border-bottom:1px solid var(--rule)}.project-copy{padding:clamp(42px,7vw,105px) clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.project h3{margin:0;font-size:clamp(48px,5vw,78px);line-height:.94;letter-spacing:-.06em;font-weight:800}.project h3 span{color:var(--acid)}.project-copy>p:not(.project-index){max-width:390px;margin:26px 0;color:#b9b5ab;font-size:15px}.project-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:32px}.text-button{border:0;border-bottom:1px solid var(--paper);background:transparent;cursor:pointer;padding:0 0 5px;font-size:13px;font-weight:700;text-align:left;transition:color .2s,border-color .2s}.text-button:hover{color:var(--acid);border-color:var(--acid)}.text-button--muted{color:#8a877f;border-color:#8a877f}.project-media{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:flex-end;padding:30px;background:#24231f}.project-media p{position:relative;z-index:2;margin:0;font-family:var(--display);font-size:20px;line-height:1.08;letter-spacing:.04em}.project-media p span{color:#c5c0b5;font-family:var(--sans);font-size:11px;letter-spacing:0}.project--earth{grid-template-columns:.8fr 1.2fr}.project--earth .project-copy{order:2}.project--earth .project-media{order:1}.project-media--shot{padding:0;background:#0a0d0d}.project-media--shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.04);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s ease}.project--deskpad:hover .project-media--shot img,.project--earth:hover .project-media--shot img{transform:scale(1.035);filter:saturate(1.04) contrast(1.08)}.project-media--shot:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,5,.88),transparent 42%);pointer-events:none}.project-media--shot p{position:absolute;left:30px;bottom:30px}.project-media--earth-shot{background:#06100d}.project-media--earth-shot img{object-fit:contain;object-position:center}.project-media--earth-shot:after{background:linear-gradient(0deg,rgba(1,8,6,.92),rgba(1,8,6,.05) 48%,rgba(1,8,6,.2))}.project-media--subtitle-placeholder{background:var(--acid);align-items:center;justify-content:center;isolation:isolate}.project-media--subtitle-placeholder:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 1px,transparent 1px 30px);mix-blend-mode:multiply}.subtitle-word{position:relative;z-index:1;color:var(--ink);font-size:clamp(52px,7vw,115px);font-weight:900;letter-spacing:-.15em;text-shadow:8px 11px 0 rgba(255,255,255,.28);animation:wordFloat 3.2s ease-in-out infinite}.subtitle-word--b{transform:translateY(-25px);animation-delay:-.5s}.subtitle-word--c{transform:translateY(20px);animation-delay:-1.2s}.subtitle-word--d{transform:translateY(-18px);animation-delay:-1.8s}.subtitle-word--e{transform:translateY(15px);animation-delay:-2.4s}@keyframes wordFloat{50%{translate:0 -13px;rotate:3deg}}.project-media--subtitle-placeholder p{position:absolute;left:30px;bottom:30px}.project-media--subtitle-placeholder p span{color:rgba(17,17,15,.72)}
.film-strip{background:var(--acid);color:var(--ink);padding:clamp(100px,13vw,180px) 7vw}.film-strip-title{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.film-strip-title p{max-width:340px;margin:0 0 8px;font-size:15px}.film-reel{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:2px;margin-top:75px;background:var(--ink)}.film-reel article{min-height:285px;padding:24px;background:#e6471c;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s}.film-reel article:hover{background:#f2efe8}.film-reel span{font-family:var(--display);font-size:18px}.film-reel b{font-family:var(--display);font-size:clamp(29px,3vw,47px);line-height:.9;letter-spacing:.01em}.film-reel small{font-size:11px;font-weight:700}
.contact-section{padding:clamp(105px,13vw,180px) 8vw;background:#0e0e0c;color:var(--paper)}.contact-section>p{margin:0 0 24px;color:var(--acid);font-family:var(--display);font-size:15px;letter-spacing:.14em}.contact-section h2{max-width:970px;margin:0;font-size:clamp(46px,6.2vw,96px);font-weight:800;letter-spacing:-.065em;line-height:1.02}.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px 26px;margin-top:70px;padding-top:20px;border-top:1px solid var(--rule)}.contact-actions a,.contact-actions button,.contact-actions span{font-size:15px;font-weight:700}.contact-actions a,.contact-actions button{padding-bottom:5px;border-bottom:1px solid var(--paper);background:transparent;color:inherit;cursor:pointer;transition:color .2s,border-color .2s}.contact-actions a:hover,.contact-actions button:hover{color:var(--acid);border-color:var(--acid)}.contact-actions button{border-top:0;border-left:0;border-right:0}.contact-actions a span,.contact-actions button span{color:var(--acid);margin-left:8px}.contact-actions>span{color:#97948d;font-weight:500}
.archive{min-height:73vh;padding:clamp(100px,12vw,175px) 8vw;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;background:#0c0c0b url('../images/carousel-1.jpg') center/cover no-repeat;position:relative;isolation:isolate}.archive:before{content:'';position:absolute;inset:0;background:rgba(6,6,5,.72);z-index:-1}.archive p{margin:0 0 22px;color:var(--acid);font-family:var(--display);letter-spacing:.12em;font-size:15px}.archive h2{max-width:900px}.archive-link{padding-bottom:7px;border-bottom:1px solid var(--paper);white-space:nowrap;font-size:14px;font-weight:700}.archive-link span{color:var(--acid);margin-left:12px}.hc-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;padding:35px 40px;background:#0c0c0b;border-top:1px solid var(--rule)}.hc-footer p{margin:0;text-align:center;color:#98958e;font-size:12px}.hc-footer>div:last-child{justify-self:end;display:flex;gap:22px;font-size:12px;font-weight:700}.hc-footer a:hover{color:var(--acid)}.toast{position:fixed;z-index:30;left:50%;bottom:28px;transform:translate(-50%,150%);max-width:min(94vw,520px);padding:12px 18px;background:var(--paper);color:var(--ink);box-shadow:0 12px 28px rgba(0,0,0,.25);font-size:13px;font-weight:700;opacity:0;transition:transform .28s ease,opacity .28s ease}.toast.is-visible{transform:translate(-50%,0);opacity:1}
@media (prefers-reduced-motion:no-preference){.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,34px,0);filter:blur(6px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1),filter .75s ease}.motion-ready [data-reveal].is-revealed{opacity:1;transform:none;filter:blur(0)}.motion-ready .project[data-reveal]:nth-of-type(even){transform:translate3d(0,52px,0)}.motion-ready .project[data-reveal].is-revealed{transform:none}.motion-ready .manifesto h2[data-reveal]{transition-delay:.07s}.motion-ready .manifesto-copy[data-reveal]{transition-delay:.15s}}
@media (max-width:820px){.hc-header{min-height:72px;grid-template-columns:1fr auto;padding:10px 20px}.hc-brand{font-size:24px;gap:9px}.hc-brand-mark{width:50px;height:50px}.hc-brand-mark img{transform:scale(1.6)}.hc-nav{display:none}.hc-header-cta{font-size:12px}.hero-copy{padding:150px 20px 135px}.hero h1{font-size:clamp(48px,13vw,75px);letter-spacing:-.06em}.hero-copy > p:not(.hero-word){font-size:14px;line-height:1.7}.hero-controls{right:20px;bottom:27px;gap:11px}.hero-credit{left:20px;bottom:74px;font-size:10px}.hero-progress{width:60px}.manifesto{padding:100px 24px}.manifesto-copy{margin-top:46px}.section-head{display:block;margin-bottom:48px}.section-head p{margin-top:17px}.work{padding:94px 20px}.project,.project--earth{display:flex;flex-direction:column;min-height:0}.project-copy,.project--earth .project-copy{order:2;padding:50px 0 65px}.project-media,.project--earth .project-media{order:1;min-height:330px;margin:0 -20px;padding:20px}.project h3{font-size:59px}.film-strip{padding:94px 20px}.film-strip-title{display:block}.film-strip-title p{margin-top:26px}.film-reel{grid-template-columns:1fr;margin-top:48px}.film-reel article{min-height:210px}.contact-section{padding:95px 20px}.contact-section h2{font-size:44px}.contact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px;margin-top:48px}.archive{padding:95px 20px;min-height:72svh;display:block}.archive h2{font-size:43px}.archive-link{display:inline-block;margin-top:48px}.hc-footer{display:block;padding:35px 20px}.hc-footer p{text-align:left;margin:20px 0}.hc-footer>div:last-child{justify-self:auto}.subtitle-word{font-size:76px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.project--cleaner{grid-template-columns:.8fr 1.2fr}.project--cleaner .project-copy{order:2}.project--cleaner .project-media{order:1}.project-media--cleanup{align-items:center;justify-content:center;gap:clamp(32px,7vw,105px);background:#19251e;color:#e8f0e8;overflow:hidden}.project-media--cleanup:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(132,198,150,.2),transparent 42%)}.cleanup-orbit{position:relative;z-index:1;display:grid;place-items:center;width:clamp(158px,18vw,240px);aspect-ratio:1;border:1px solid rgba(232,240,232,.7);border-radius:50%;box-shadow:0 0 0 20px rgba(232,240,232,.06),0 0 0 44px rgba(232,240,232,.035)}.cleanup-orbit:after{content:'';position:absolute;width:20%;height:20%;border-radius:50%;background:var(--acid);right:8%;top:9%;animation:cleanupPulse 2.6s ease-in-out infinite}.cleanup-orbit span{font-family:var(--display);font-size:clamp(58px,8vw,110px);font-weight:700;letter-spacing:-.04em}.cleanup-list{position:relative;z-index:1;display:grid;gap:12px;min-width:180px}.cleanup-list p{margin:0!important;padding:9px 0;border-bottom:1px solid rgba(232,240,232,.36);font-weight:700;font-size:clamp(15px,1.6vw,20px);color:#e8f0e8!important}.cleanup-list p:before{content:'✓';color:var(--acid);margin-right:12px}@keyframes cleanupPulse{50%{transform:scale(.7);opacity:.45}}.project--cleaner:hover .cleanup-orbit{box-shadow:0 0 0 24px rgba(232,240,232,.08),0 0 0 54px rgba(232,240,232,.04)}@media(max-width:820px){.project--cleaner{display:flex;flex-direction:column;min-height:0}.project--cleaner .project-copy{order:2;padding:50px 0 65px}.project--cleaner .project-media{order:1;min-height:330px;margin:0 -20px;padding:20px}.project-media--cleanup{gap:32px}}
.product-browser{display:grid;grid-template-columns:minmax(154px,.23fr) minmax(0,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:620px}.product-rail{display:flex;flex-direction:column;border-right:1px solid var(--rule);padding:18px 0}.product-switch{display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;column-gap:9px;width:100%;padding:16px clamp(13px,1.7vw,24px);border:0;border-left:2px solid transparent;background:transparent;text-align:left;cursor:pointer;color:#918e87;transition:background .3s ease,color .3s ease,border-color .3s ease,translate .3s ease}.product-switch:hover{color:var(--paper);background:rgba(242,239,232,.04);translate:3px 0}.product-switch.is-active{color:var(--paper);border-left-color:var(--acid);background:linear-gradient(90deg,rgba(252,74,26,.12),rgba(242,239,232,.035))}.product-switch span{grid-row:span 2;color:var(--acid);font-family:var(--display);font-size:13px;letter-spacing:.06em}.product-switch b{font-size:15px;line-height:1.25}.product-switch small{margin-top:4px;font-family:var(--display);font-size:12px;letter-spacing:.045em}.product-rail-note{margin:auto clamp(13px,1.7vw,24px) 7px;padding-top:25px;border-top:1px solid var(--rule);color:#77746d;font-size:11px;line-height:1.7}.product-stage{position:relative;min-width:0;min-height:620px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 22%,rgba(242,239,232,.075),transparent 43%),#10100e}.product-stage:before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,#151512 0%,transparent 16%,transparent 84%,#151512 100%)}.product-panel{position:absolute;z-index:1;top:24px;bottom:24px;left:50%;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(280px,.86fr);width:min(80%,1060px);min-height:0;height:auto;overflow:hidden;background:#11110f;border:1px solid rgba(242,239,232,.11);box-shadow:0 24px 70px rgba(0,0,0,.36);will-change:transform,opacity;transition:transform .78s cubic-bezier(.22,.61,.36,1),opacity .5s ease,filter .5s ease;transform:translate3d(-50%,0,0) scale(.68);opacity:0;pointer-events:none}.product-panel[hidden]{display:none}.product-panel.is-center{z-index:4;transform:translate3d(-50%,0,0) scale(1);opacity:1;pointer-events:auto}.product-panel.is-left{z-index:2;transform:translate3d(-126%,0,0) scale(.82);opacity:.58;filter:saturate(.56) brightness(.8);pointer-events:auto;cursor:w-resize}.product-panel.is-right{z-index:2;transform:translate3d(26%,0,0) scale(.82);opacity:.58;filter:saturate(.56) brightness(.8);pointer-events:auto;cursor:e-resize}.product-panel.is-back{z-index:1;transform:translate3d(-50%,0,0) scale(.68);opacity:0}.product-panel .project-media{min-height:0;height:100%}.product-panel .project-copy{padding:clamp(34px,4vw,72px);background:#11110f}.product-state{margin:0!important;color:var(--acid)!important;font-family:var(--display);font-size:14px!important;font-weight:700;letter-spacing:.13em}.product-panel .project-copy>p:not(.product-state){margin-top:24px}.product-panel .project-media--subtitle-placeholder{min-height:0}.product-panel .project-media--cleanup{min-height:0}.product-panel .cleanup-orbit{width:clamp(124px,13vw,195px)}.product-panel .project-actions{margin-top:26px}.product-panel .project-actions small{color:#99958d;line-height:1.55}.header-marker{position:absolute;top:36px;left:0;width:1px;height:1px;pointer-events:none}.hero-link,.hero-next,.text-button,.contact-actions a,.contact-actions button,.hc-header-cta,.archive-link{position:relative;transition:color .25s ease,border-color .25s ease,translate .25s cubic-bezier(.22,.61,.36,1),text-shadow .25s ease}.hero-link:hover,.hero-next:hover,.text-button:hover,.contact-actions a:hover,.contact-actions button:hover,.hc-header-cta:hover,.archive-link:hover{translate:0 -3px;text-shadow:0 7px 18px rgba(0,0,0,.3)}.hero-link:active,.hero-next:active,.text-button:active,.contact-actions a:active,.contact-actions button:active,.hc-header-cta:active,.archive-link:active{translate:0 1px}.hero-link:focus-visible,.hero-next:focus-visible,.text-button:focus-visible,.contact-actions a:focus-visible,.contact-actions button:focus-visible,.hc-header-cta:focus-visible,.archive-link:focus-visible,.product-switch:focus-visible{outline:2px solid var(--acid);outline-offset:6px}.hero-link:after,.text-button:after,.contact-actions a:after,.contact-actions button:after,.archive-link:after{content:'';position:absolute;right:0;bottom:-2px;left:0;height:1px;background:var(--acid);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.22,.61,.36,1)}.hero-link:hover:after,.text-button:hover:after,.contact-actions a:hover:after,.contact-actions button:hover:after,.archive-link:hover:after{transform:scaleX(1);transform-origin:left}@keyframes titleDrift{0%,100%{translate:0 0}50%{translate:0 -5px}}@media(prefers-reduced-motion:no-preference){.hero h1,.motion-ready [data-reveal].is-revealed h2,.product-panel.is-center h3{animation:titleDrift 5.8s ease-in-out infinite}.product-panel.is-center h3{animation-duration:4.8s}}@media(max-width:820px){.product-browser{display:block;border-top:0;min-height:0}.product-rail{overflow-x:auto;flex-direction:row;gap:8px;padding:0 0 19px;border-right:0;border-bottom:1px solid var(--rule);scrollbar-width:none}.product-rail::-webkit-scrollbar{display:none}.product-switch{display:block;flex:0 0 auto;min-width:138px;padding:13px 14px;border-left:0;border-bottom:2px solid transparent;translate:0!important}.product-switch.is-active{border-left:0;border-bottom-color:var(--acid)}.product-switch span{display:block;margin-bottom:5px}.product-switch small{display:block}.product-rail-note{display:none}.product-stage{min-height:0;overflow:visible;background:transparent}.product-stage:before{display:none}.product-panel{position:relative;top:auto;bottom:auto;left:auto;display:none;width:auto;min-height:0;height:auto;overflow:visible;border:0;box-shadow:none;transform:none!important;opacity:1!important;filter:none!important;cursor:default!important}.product-panel.is-center{display:flex;flex-direction:column}.product-panel .project-media{order:1;min-height:330px;height:330px;margin:0 -20px;padding:20px}.product-panel .project-copy{order:2;padding:45px 0 58px;background:transparent}.product-panel .project-media--shot{padding:0}.product-panel .project-media--cleanup{gap:32px}.product-panel .project-copy>p:not(.product-state){margin-top:22px}}

/* September refinement: make the first decision and the product selection unmistakable. */
.hero-actions{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:35px}.hero-actions .hero-link{margin-top:0}.hero-link--primary{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--acid);background:var(--acid);color:#fff;padding:12px 15px 11px;font-size:13px;font-weight:800;box-shadow:0 14px 32px rgba(0,0,0,.24)}.hero-link--primary span{margin-left:0;color:inherit;font-size:16px;line-height:1}.hero-link--primary:hover{border-color:var(--paper);background:var(--paper);color:var(--ink);text-shadow:none}.hero-link--primary:after{display:none}.hero-link--secondary{display:inline-flex;align-items:center;gap:11px;border-color:rgba(242,239,232,.72);color:var(--paper);padding:12px 1px 11px}.hero-link--secondary span{margin-left:0}.hero-copy.is-switching .hero-actions{animation-delay:.21s}.product-status{position:absolute;z-index:5;top:14px;right:18px;margin:0;color:rgba(242,239,232,.62);font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.08em;pointer-events:none}.product-status:before{display:inline-block;width:6px;height:6px;margin:0 7px 1px 0;background:var(--acid);content:'';vertical-align:middle}.product-panel .project-actions .text-button{min-height:38px;display:inline-flex;align-items:center;gap:9px;border-bottom:0;background:var(--paper);color:var(--ink);padding:9px 12px 8px}.product-panel .project-actions .text-button:hover{background:var(--acid);border-color:var(--acid);color:#fff;text-shadow:none}.product-panel .project-actions .text-button:after{display:none}.product-panel .project-actions .text-button span{color:var(--acid);font-size:17px;line-height:1;transition:translate .2s ease}.product-panel .project-actions .text-button:hover span{color:inherit;translate:3px 0}.product-switch:focus-visible{outline-offset:-4px}.product-switch[aria-selected="true"] b:after{display:inline-block;width:5px;height:5px;margin-left:7px;background:var(--acid);content:'';vertical-align:middle}
@media(max-width:820px){.hero-actions{align-items:stretch;flex-direction:column;width:min(100%,310px);margin-top:30px}.hero-link--primary,.hero-link--secondary{justify-content:space-between;width:100%;padding-inline:14px}.hero-link--secondary{border:1px solid rgba(242,239,232,.48)}.product-status{top:12px;right:0}.product-panel .project-actions .text-button{min-height:44px;padding:11px 13px 10px}}.product-switch--hot small{color:#ff936f}.project-media--melodica{display:grid;place-items:center;padding:clamp(24px,4vw,58px);background:radial-gradient(circle at 16% 13%,rgba(252,74,26,.32),transparent 31%),linear-gradient(136deg,#20110c 0%,#0b0b0a 55%,#16110e 100%)}.melodica-console{width:min(100%,520px);overflow:hidden;border:1px solid rgba(255,255,255,.22);background:rgba(7,7,6,.78);box-shadow:0 22px 52px rgba(0,0,0,.45);font-family:var(--display);letter-spacing:.04em}.melodica-console-head{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.12);color:#ff8c67;font-size:11px}.melodica-console-head b{color:var(--paper);font-size:10px}.melodica-score{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:clamp(22px,4vw,46px) 18px}.melodica-score i{display:grid;aspect-ratio:1;place-items:center;border:1px solid rgba(242,239,232,.28);background:rgba(242,239,232,.06);color:var(--paper);font-style:normal;font-size:clamp(19px,3vw,36px);font-weight:800}.melodica-score i:nth-child(4),.melodica-score i:nth-child(5){background:var(--acid);border-color:var(--acid);color:#fff}.melodica-meter{display:flex;align-items:end;gap:5px;height:32px;padding:0 18px}.melodica-meter span{width:8px;background:var(--acid);opacity:.8}.melodica-meter span:nth-child(1){height:30%}.melodica-meter span:nth-child(2){height:70%}.melodica-meter span:nth-child(3){height:48%}.melodica-meter span:nth-child(4){height:100%}.melodica-meter span:nth-child(5){height:58%}.melodica-meter span:nth-child(6){height:38%}.melodica-console p{margin:13px 18px 17px!important;color:#b8b3aa!important;font-size:10px!important;line-height:1.55}.project-manual-link{display:inline-flex;align-items:center;gap:7px;margin-left:13px;color:var(--paper);font-size:13px;font-weight:700;text-underline-offset:5px}.project-manual-link:hover{color:var(--acid)}.hot-product-dock{position:fixed;z-index:18;top:50%;right:0;width:174px;transform:translateY(-50%);background:#12120f;border:1px solid rgba(242,239,232,.18);border-right:0;box-shadow:-16px 18px 42px rgba(0,0,0,.25)}.hot-product-dock>p{margin:0;padding:10px 14px 8px;border-bottom:1px solid rgba(242,239,232,.12);color:#aaa69e;font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.13em}.hot-product-dock a{position:relative;display:grid;gap:5px;padding:14px;color:var(--paper);text-decoration:none;transition:background .25s ease,translate .25s ease}.hot-product-dock a:hover{background:var(--acid);translate:-7px 0}.hot-product-dock span{color:var(--acid);font-family:var(--display);font-size:10px;font-weight:900;letter-spacing:.12em}.hot-product-dock a:hover span{color:#fff}.hot-product-dock b{font-size:14px;line-height:1.28}.hot-product-dock small{color:#a9a59d;font-family:var(--display);font-size:10px}.hot-product-dock a:hover small{color:#fff}.hot-product-dock i{position:absolute;right:14px;bottom:13px;color:var(--acid);font-style:normal}.hot-product-dock a:hover i{color:#fff}@media(max-width:1040px){.hot-product-dock{width:154px}}@media(max-width:820px){.hot-product-dock{display:none}.project-manual-link{min-height:44px;margin:8px 0 0}.melodica-score{gap:4px;padding-inline:12px}}
/* Delta Fishing Master: compact operation flow, aligned with the product-deck control language. */
.project-media--fishing{display:grid;place-items:center;padding:clamp(24px,4vw,58px);background:#102021;color:var(--paper)}.fishing-console{width:min(100%,520px);overflow:hidden;border:1px solid rgba(232,244,239,.25);background:#0b1515;box-shadow:0 22px 52px rgba(0,0,0,.38);font-family:var(--display);letter-spacing:.04em}.fishing-console-head{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(232,244,239,.13);color:#82d4b1;font-size:11px}.fishing-console-head b{color:var(--paper);font-size:10px}.fishing-flow{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,16px);padding:clamp(43px,7vw,82px) 18px}.fishing-flow span{display:grid;place-items:center;min-width:64px;aspect-ratio:1;border:1px solid rgba(232,244,239,.3);background:rgba(232,244,239,.055);color:var(--paper);font-size:clamp(14px,1.7vw,19px);font-weight:800}.fishing-flow i{width:clamp(18px,4vw,48px);height:1px;background:#82d4b1}.fishing-console p{margin:0 18px 17px!important;color:#aac1bb!important;font-size:10px!important;line-height:1.55}@media(max-width:820px){.fishing-flow{padding-inline:12px}.fishing-flow span{min-width:58px}}