/* EYCH Site Kit — all styling scoped to this template, editable tokens below. */
:root{--eych-bg:#0b0b0b;--eych-paper:#f2f0eb;--eych-text:#f2f0eb;--eych-ink:#0b0b0b;--eych-muted:#9b9b99;--eych-accent:#ef885e;--eych-stroke:rgba(255,255,255,.16);--eych-font:'Space Grotesk',Arial,sans-serif;--eych-body:'DM Sans',Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--eych-bg);color:var(--eych-text);font-family:var(--eych-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--eych-accent);outline-offset:4px}::selection{background:var(--eych-accent);color:var(--eych-ink)}[hidden]{display:none!important}.skip{position:absolute;left:15px;top:-70px;z-index:9999;background:white;color:black;padding:13px}.skip:focus{top:12px}.grain{position:fixed;inset:0;z-index:10;opacity:.065;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.site-header{z-index:50;position:sticky;top:0;background:rgba(10,10,10,.94);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:0 clamp(20px,3vw,58px);border-bottom:1px solid var(--eych-stroke)}.wordmark{display:flex;align-items:center;gap:12px;min-width:213px}.wordmark-glyph{font-size:38px;font-family:var(--eych-font);font-weight:700;letter-spacing:-8px;line-height:1}.wordmark-glyph span{color:var(--eych-accent)}.wordmark-text{line-height:.93;font:500 13px/1 var(--eych-font);letter-spacing:.05em}.wordmark-text strong{font-size:16px;letter-spacing:-.04em}.desktop-nav{display:flex;align-items:center;gap:clamp(12px,2.4vw,40px)}.desktop-nav a,.header-studio,.header-end,.contact-pill,.menu-toggle{font:700 10px var(--eych-body);letter-spacing:.13em}.desktop-nav a{padding:12px 0;transition:color .2s}.desktop-nav a:hover{color:var(--eych-accent)}.header-end{display:flex;align-items:center;gap:14px}.live-dot,.bright-dot,.status-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:var(--eych-accent);box-shadow:0 0 14px rgba(239,136,94,.6)}.header-studio{color:var(--eych-muted)}.contact-pill{display:inline-flex;border:1px solid var(--eych-stroke);border-radius:50px;padding:14px 18px;gap:24px;white-space:nowrap;transition:background .2s,color .2s}.contact-pill:hover{background:var(--eych-paper);color:var(--eych-ink)}.contact-pill span{font-size:15px}.menu-toggle{display:none;color:var(--eych-text);background:none;border:0;cursor:pointer}.mobile-nav{position:fixed;top:80px;left:0;right:0;z-index:49;background:#111;box-shadow:0 40px 60px #000b;padding:18px 25px 28px}.mobile-nav a{display:block;padding:17px 0;border-bottom:1px solid var(--eych-stroke);font:700 20px var(--eych-font)}
.hero{position:relative;min-height:min(790px,calc(100svh - 82px));height:auto;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 69% 48%,#39261e 0%,#171615 27%,#090909 70%);padding:27px clamp(20px,4vw,65px) 29px}.hero:after{content:"";position:absolute;inset:0;opacity:.23;background-image:linear-gradient(90deg,transparent 97%,rgba(255,255,255,.085) 100%);background-size:12.5% 100%;pointer-events:none}.hero-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-planet{position:absolute;right:4%;top:0%;height:100%;width:57%;opacity:.55;background:radial-gradient(ellipse at 58% 54%,rgba(248,144,90,.26) 0,rgba(248,144,90,.06) 22%,transparent 45%);filter:blur(3px)}.hero-orbit{position:absolute;width:56vw;height:56vw;max-width:750px;max-height:750px;border:1px solid rgba(232,168,118,.21);border-radius:50%;right:-6%;top:3%;transform:rotate(-23deg) scaleX(.71);animation:orbit 18s ease-in-out infinite alternate}.orbit-two{width:49vw;height:49vw;right:3%;top:10%;opacity:.52;animation-delay:-5s;transform:rotate(36deg) scaleX(.5)}.hero-beam{position:absolute;width:2px;height:170%;top:-50%;right:30%;background:linear-gradient(transparent,rgba(240,129,82,.18),transparent);transform:rotate(31deg);box-shadow:0 0 100px 30px #9a421926}.hero-video-holder{position:absolute;inset:0}.hero-video-holder video,.hero-video-holder img{height:100%;width:100%;object-fit:cover;opacity:.53;filter:saturate(.65)}.hero-video-holder:has(video):after,.hero-video-holder:has(img):after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090909dc,transparent 70%),linear-gradient(0deg,#080808d5,transparent 30%)}.hero-topline,.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;font:700 10px var(--eych-body);letter-spacing:.19em;color:#c6beb5}.hero-topline span:first-child{display:flex;gap:11px;align-items:center}.hero-content{position:relative;z-index:2;margin-top:auto;margin-bottom:auto;padding-top:95px;padding-bottom:72px}.eyebrow{margin:0;font:700 11px var(--eych-body);letter-spacing:.22em;color:var(--eych-accent)}.hero h1{font:700 clamp(57px,9.1vw,164px)/.84 var(--eych-font);margin:32px 0 34px;letter-spacing:-.097em;max-width:1500px}.hero h1 em{color:var(--eych-paper);font-style:normal;letter-spacing:-.095em}.hero-sub{font-size:clamp(15px,1.43vw,20px);line-height:1.5;max-width:490px;color:#d0ccc6;margin:0 0 32px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;gap:48px;align-items:center;justify-content:space-between;padding:17px 21px;min-width:208px;font:700 11px var(--eych-body);letter-spacing:.13em}.btn span{font-size:20px}.btn-primary{background:var(--eych-paper);color:var(--eych-ink)}.btn-ghost{border:1px solid rgba(255,255,255,.35)}.btn:hover{transform:translateY(-2px);transition:transform .2s}.hero-bottom{align-items:center;gap:20px}.hero-bottom b{font-weight:400;color:var(--eych-accent);padding:0 13px}.down-symbol{font-size:19px;margin-left:16px}.ticker{overflow:hidden;background:var(--eych-accent);color:var(--eych-ink);padding:15px 0}.ticker-track{display:flex;gap:35px;white-space:nowrap;width:max-content;font:700 15px var(--eych-font);letter-spacing:-.02em;animation:marquee 37s linear infinite}.ticker-track span{font-size:14px}
.section{padding:clamp(75px,10vw,146px) clamp(20px,4vw,65px)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:52px}.section-header h2{font:700 clamp(55px,8vw,126px)/.84 var(--eych-font);letter-spacing:-.09em;margin:26px 0 0}.outline-text{color:transparent;-webkit-text-stroke:1.5px currentColor;-webkit-text-stroke-color:#b5b0a9}.section-dek{font:400 clamp(15px,1.45vw,19px)/1.6 var(--eych-body);max-width:340px;color:#a9a39d;margin:0 0 8px}.section-index{color:#898682}.filter-bar{border-top:1px solid var(--eych-stroke);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.work-filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--eych-stroke);background:transparent;color:var(--eych-muted);padding:9px 16px;border-radius:30px;font:700 10px var(--eych-body);letter-spacing:.12em;cursor:pointer}.filter[aria-pressed=true],.filter:hover{background:var(--eych-paper);color:var(--eych-ink)}.filter-count,.work-foot{font:700 10px var(--eych-body);color:#8a8680;letter-spacing:.15em}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.project-card{grid-column:span 6;border:0;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer;min-width:0}.project-card:nth-child(4n+1),.project-card:nth-child(4n+4){grid-column:span 7}.project-card:nth-child(4n+2),.project-card:nth-child(4n+3){grid-column:span 5}.project-art{position:relative;aspect-ratio:1.37;background:#27211e;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-card:nth-child(4n+2) .project-art{aspect-ratio:1/1.13}.project-art img,.project-art video{height:100%;width:100%;object-fit:cover;transition:transform .7s}.project-card:hover .project-art img,.project-card:hover .project-art video{transform:scale(1.06)}.project-art:after{content:"";inset:0;position:absolute;background:linear-gradient(0deg,#0006,transparent 40%);pointer-events:none}.project-meta{display:flex;align-items:start;justify-content:space-between;padding:16px 0 20px;gap:12px}.project-title{font:700 clamp(23px,2.3vw,35px)/1 var(--eych-font);letter-spacing:-.05em}.project-category{font:700 10px var(--eych-body);letter-spacing:.15em;color:#aaa29b;margin-top:9px}.project-action{height:43px;width:43px;border:1px solid var(--eych-stroke);border-radius:50%;display:grid;place-items:center;font:22px var(--eych-font);transition:background .2s,color .2s}.project-card:hover .project-action{background:var(--eych-paper);color:var(--eych-ink)}.spec-badge,.preview-badge{position:absolute;z-index:2;top:18px;left:18px;padding:9px 11px;background:#0b0b0bdc;color:white;font:700 9px var(--eych-body);letter-spacing:.13em}.preview-badge{left:auto;right:18px;background:#ee895b;color:#171312}.preview-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 68% 42%,#a15b46 0%,transparent 50%),linear-gradient(135deg,#27211e,#0a0b0c);overflow:hidden}.preview-art:before,.preview-art:after{content:"";position:absolute;width:80%;height:80%;border:1px solid #ffffff34;border-radius:50%;transform:rotate(-27deg) scaleX(.59)}.preview-art:after{width:55%;height:55%;transform:rotate(48deg) scaleX(.71)}.preview-art strong{font:700 clamp(34px,4.7vw,78px)/.86 var(--eych-font);color:#f2eee3;letter-spacing:-.075em;z-index:1;text-align:center;padding:10%;word-break:break-word}.project-card:nth-child(4n+2) .preview-art{background:radial-gradient(ellipse at 28% 32%,#69736d 0%,transparent 46%),linear-gradient(148deg,#343531,#141311)}.project-card:nth-child(4n+3) .preview-art{background:radial-gradient(ellipse at 70% 80%,#56516f 0%,transparent 43%),linear-gradient(130deg,#16171d,#3d292a)}.project-card:nth-child(4n) .preview-art{background:radial-gradient(ellipse at 25% 18%,#937a52 0%,transparent 48%),linear-gradient(130deg,#1a1a1a,#252523)}.work-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--eych-stroke);margin-top:20px;padding-top:20px}.text-link{color:var(--eych-paper)}.text-link span{margin-left:15px}.empty-message{border:1px dashed #ffffff38;padding:30px 25px;grid-column:1/-1;color:#ddd;display:flex;align-items:center;justify-content:space-between;gap:12px}.empty-message small{color:#a69d96;font-size:12px}
.machine-section{background:#eae7e0;color:var(--eych-ink)}.machine-section .section-dek{color:#635f59}.machine-section .outline-text{-webkit-text-stroke-color:#8e8981}.machine-section .section-index{color:#8e8981}.machine-shell{border:1px solid #333;padding:0}.machine-top,.machine-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 22px;background:#131313;color:#ddd;font:700 10px var(--eych-body);letter-spacing:.14em}.machine-status{display:flex;align-items:center;gap:9px}.machine-grid{display:grid;grid-template-columns:minmax(255px,.39fr) minmax(0,1fr);min-height:545px}.stage-list{border-right:1px solid #aaa49b}.stage-tab{display:flex;align-items:center;gap:16px;width:100%;border:0;border-bottom:1px solid #b6afa5;background:transparent;text-align:left;padding:22px 22px;color:#4c4b49;cursor:pointer;transition:background .2s}.stage-tab[aria-selected=true]{background:#151515;color:#fff}.stage-num{font:700 12px var(--eych-font);color:#be7b5b;width:27px}.stage-tab strong{font:700 clamp(17px,2vw,23px) var(--eych-font);letter-spacing:-.055em;flex:1}.stage-tab .arr{font-size:22px;opacity:.35}.stage-tab:hover .arr{opacity:1}.stage-panel{padding:clamp(23px,4vw,45px) clamp(22px,4vw,55px) 20px;display:flex;flex-direction:column}.stage-eyebrow{font:700 11px var(--eych-body);letter-spacing:.17em;margin-bottom:23px;color:#a15631}.stage-visual{height:235px;border:1px solid #bdb7ae;background:#d4d0c8;position:relative;overflow:hidden}.stage-visual-inner{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 65%,#e0a078,transparent 40%),linear-gradient(120deg,#d6d0c6,#b8b0a6);display:flex;justify-content:space-between;align-items:flex-start;padding:22px;transition:background .3s}.stage-graphic-label{font:700 clamp(29px,4vw,62px)/1 var(--eych-font);letter-spacing:-.085em;position:relative;z-index:1}.stage-graphic-counter{position:absolute;bottom:18px;right:18px;font:700 11px var(--eych-body)}.stage-circles{position:absolute;inset:0;display:grid;place-items:center}.stage-circles span{position:absolute;width:200px;height:200px;border:1px solid #1d1d1d65;border-radius:50%;transform:rotate(-34deg) scaleX(.58)}.stage-circles span:nth-child(2){width:280px;height:280px;transform:rotate(54deg) scaleX(.58)}.stage-circles span:nth-child(3){width:360px;height:360px;transform:rotate(14deg) scaleX(.58)}.stage-panel h3{font:700 clamp(29px,3.4vw,48px)/.98 var(--eych-font);letter-spacing:-.075em;margin:22px 0 10px}.stage-panel p{font:400 15px/1.65 var(--eych-body);color:#55524d;margin:0;max-width:610px}.stage-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 25px}.stage-tags span{border:1px solid #b8afa3;padding:8px 10px;font:700 9px var(--eych-body);letter-spacing:.1em}.stage-controls{margin-top:auto;padding-top:14px;border-top:1px solid #aaa49b;display:flex;align-items:center;justify-content:space-between;gap:15px;font:700 10px var(--eych-body);letter-spacing:.1em}.stage-controls button{cursor:pointer;color:#26231f;border:0;background:transparent;font:inherit;padding:10px 0}.stage-controls button:hover{color:#bf6f48}
.manifesto-section{min-height:490px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:80px 20px;background:radial-gradient(circle at 50% 55%,#4b3127,#1a1918 34%,#0b0b0b 70%);overflow:hidden}.manifesto-section>p:nth-of-type(2){position:relative;font:700 clamp(34px,5.9vw,90px)/1.02 var(--eych-font);letter-spacing:-.075em;margin:28px 0 23px}.manifesto-section em{font-style:normal;color:var(--eych-accent)}.manifesto-section>span{font:700 10px var(--eych-body);letter-spacing:.18em;color:#c0b5a9}
.lab-section{background:#141413}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lab-grid .project-card{grid-column:auto!important}.lab-grid .project-art{aspect-ratio:1.25!important}.lab-grid .project-title{font-size:26px}.lab-philosophy{display:grid;grid-template-columns:.6fr 2fr .7fr;gap:30px;align-items:end;border-top:1px solid var(--eych-stroke);border-bottom:1px solid var(--eych-stroke);padding:45px 0;margin-top:40px}.lab-index{font:700 10px/1.6 var(--eych-body);color:var(--eych-accent);letter-spacing:.2em}.lab-word{font:700 clamp(44px,7vw,105px)/.83 var(--eych-font);letter-spacing:-.09em}.lab-word span{color:var(--eych-accent);font-size:.7em;margin-left:10px}.lab-note{font:400 14px/1.6 var(--eych-body);color:#a9a29b}
.sound-section{background:#efeee9;color:#111}.sound-section .section-dek{color:#64635f}.sound-section .outline-text{-webkit-text-stroke-color:#77736c}.sound-feature{display:grid;grid-template-columns:1.15fr 1fr;min-height:560px}.sound-visual{background:radial-gradient(circle at 51% 48%,#53362e 0%,#211c1a 32%,#0c0c0d 75%);position:relative;display:grid;place-items:center;overflow:hidden}.record-orbit{height:min(65vw,385px);width:min(65vw,385px);border-radius:50%;border:3px solid #ffffff20;display:grid;place-items:center;background:repeating-radial-gradient(circle,#0e0e0e 0 8px,#1f1c1b 9px 11px,#0e0e0e 12px 14px);box-shadow:0 0 0 40px #ffffff04,0 0 0 75px #ffffff03,0 30px 110px #000c;animation:spin 36s linear infinite}.record-center{background:var(--eych-accent);height:120px;width:120px;border-radius:50%;color:#111;display:grid;place-items:center;font:700 41px var(--eych-font);letter-spacing:-.16em;padding-right:20px}.sound-bars{position:absolute;bottom:30px;left:34px;display:flex;align-items:end;gap:3px;height:58px}.sound-bars span{width:3px;background:var(--eych-accent);height:var(--bar-h);animation:barPulse 1.8s ease-in-out infinite alternate;animation-delay:var(--delay);opacity:.75}.sound-stamp{position:absolute;right:23px;top:24px;color:#ded2c4;font:700 10px var(--eych-body);letter-spacing:.17em}.sound-copy{background:#d9d6cf;padding:clamp(30px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.sound-copy h3{font:700 clamp(44px,5.5vw,89px)/.84 var(--eych-font);letter-spacing:-.09em;margin:35px 0 25px}.sound-copy>p{font:400 16px/1.7 var(--eych-body);max-width:420px;color:#4e4c49}.sound-available{margin-top:20px}.sound-available .text-link{color:#151515;font:700 12px var(--eych-body);letter-spacing:.1em;display:block;margin:12px 0}.sound-available small{color:#746d65}
.about-section{background:#121212}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--eych-stroke);padding-top:50px}.about-symbol{font:700 clamp(200px,31vw,500px)/.8 var(--eych-font);letter-spacing:-.15em;color:#e9e5dc;user-select:none}.about-symbol span{color:var(--eych-accent)}.about-copy{padding:30px 0}.about-lead{font:500 clamp(27px,3.2vw,50px)/1.1 var(--eych-font)!important;letter-spacing:-.055em!important;color:white!important}.about-copy p{max-width:580px;color:#aaa29a;font:400 17px/1.7 var(--eych-body)}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.about-tags span{border:1px solid var(--eych-stroke);border-radius:30px;padding:10px 14px;color:#c4bfb6;font:700 10px var(--eych-body);letter-spacing:.11em}
.contact-section{background:var(--eych-accent);color:#131110;position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:40px;padding:clamp(70px,9vw,140px) clamp(20px,4vw,65px)}.contact-section .eyebrow{color:#302b27}.contact-section h2{font:700 clamp(65px,11vw,177px)/.84 var(--eych-font);letter-spacing:-.095em;margin:35px 0}.contact-section h2 span{color:#fff2d8}.contact-section p:not(.eyebrow){font:400 18px/1.6 var(--eych-body);max-width:500px}.contact-mark{font:400 clamp(200px,31vw,480px)/.5 var(--eych-font);opacity:.17;align-self:center}.contact-actions{margin-top:30px;display:flex;gap:15px;flex-wrap:wrap}.contact-actions .btn-primary{background:#111;color:#fff}.contact-note{font-size:13px!important;border-top:1px solid #0004;padding-top:18px}footer{display:grid;grid-template-columns:1fr 1.6fr 1fr auto;gap:20px;align-items:end;padding:34px clamp(20px,4vw,65px);font:700 9px/1.6 var(--eych-body);letter-spacing:.1em;color:#99938d}footer .footer-brand{font:700 35px var(--eych-font);letter-spacing:-.09em;color:#fff}footer .footer-brand span{font:700 9px var(--eych-body);margin-left:5px;vertical-align:top}footer div:nth-child(3) span{display:block}
.project-dialog{border:none;padding:0;background:#100f0e;color:#eee9e2;width:min(1000px,94vw);max-height:92svh;box-shadow:0 50px 150px #000d}.project-dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}.dialog-shell{position:relative}.dialog-close{position:sticky;top:0;margin-left:auto;z-index:3;display:block;background:var(--eych-accent);color:#101010;border:0;padding:16px 20px;font:700 12px var(--eych-body);letter-spacing:.09em;cursor:pointer}.dialog-close span{margin-left:12px}.dialog-hero{background:#191818;padding:36px 40px 28px}.dialog-meta{font:700 10px var(--eych-body);letter-spacing:.14em;color:var(--eych-accent)}.dialog-hero h2{font:700 clamp(44px,8vw,95px)/.9 var(--eych-font);letter-spacing:-.09em;margin:20px 0}.dialog-hero p{font:400 17px/1.5 var(--eych-body);color:#c6bfb7;max-width:700px}.dialog-media{background:#080808}.dialog-media img,.dialog-media video{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}.dialog-case{display:grid;grid-template-columns:1fr 2fr;gap:20px;border-top:1px solid var(--eych-stroke);padding:28px 40px}.dialog-case strong{font:700 11px var(--eych-body);letter-spacing:.16em;color:var(--eych-accent)}.dialog-case p{font:400 17px/1.5 var(--eych-body);margin:0;color:#ddd}.dialog-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 40px 30px}.dialog-gallery img{width:100%;height:250px;object-fit:cover}.dialog-disclaimer{padding:20px 40px 38px;font:400 12px/1.5 var(--eych-body);color:#8c8882}.studio-bar{position:fixed;z-index:70;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:30px;align-items:center;border:1px solid #f4a976;background:#e58354;color:#141414;padding:15px 22px;box-shadow:0 10px 40px #0009;font:500 12px var(--eych-body);white-space:nowrap}.studio-bar a{text-decoration:underline;font-weight:700}
@keyframes orbit{to{transform:rotate(11deg) scaleX(.62)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes barPulse{to{height:calc(var(--bar-h)*.35)}}
@media(max-width:1120px){.desktop-nav{gap:15px}.desktop-nav a{font-size:9px}.wordmark{min-width:185px}.header-studio,.live-dot{display:none}.contact-pill{padding:13px}.hero-bottom div:first-child{max-width:65%;line-height:2}.section-header{gap:30px}}@media(max-width:870px){.desktop-nav,.contact-pill{display:none}.menu-toggle{display:inline-flex;gap:10px;align-items:center}.site-header{min-height:70px}.mobile-nav{top:69px}.hero{min-height:730px}.hero h1{font-size:clamp(58px,10vw,100px)}.hero-bottom>div:last-child{display:none}.hero-bottom div:first-child{max-width:100%}.section-header{display:block}.section-dek{margin-top:30px;max-width:520px}.machine-grid{grid-template-columns:1fr}.stage-list{display:grid;grid-template-columns:repeat(3,1fr);border-right:none}.stage-tab{padding:15px 12px}.stage-tab strong{font-size:15px}.stage-tab .arr{display:none}.stage-panel{min-height:570px}.sound-feature{grid-template-columns:1fr}.sound-visual{min-height:490px}.about-grid{gap:30px}.lab-philosophy{grid-template-columns:1fr 1.7fr}.lab-note{grid-column:1/-1}.contact-mark{display:none}footer{grid-template-columns:1fr 1fr}}@media(max-width:580px){.site-header{padding:0 18px}.hero{min-height:670px;padding:22px 20px 23px}.hero-topline span:last-child{display:none}.hero-content{padding-top:72px;padding-bottom:45px}.hero h1{font-size:clamp(51px,13vw,75px);margin:24px 0;letter-spacing:-.095em}.hero-sub{font-size:15px}.hero-ctas{display:flex}.btn{min-width:0;flex:1;gap:12px;white-space:nowrap;padding:15px 12px;font-size:9px}.hero-bottom{font-size:8px;letter-spacing:.07em}.hero-bottom b{padding:0 3px}.hero-planet{width:100%}.hero-orbit{width:108vw;height:108vw;right:-51%;top:24%}.orbit-two{width:95vw;height:95vw;right:-32%;top:31%}.section{padding:80px 20px}.section-header{margin-bottom:33px}.section-header h2{font-size:clamp(54px,14vw,80px)}.section-dek{font-size:15px}.filter-bar{align-items:start}.filter-count{display:none}.work-grid{display:block}.project-card{display:block;width:100%;margin-bottom:25px}.project-art,.project-card:nth-child(4n+2) .project-art{aspect-ratio:1.23}.project-title{font-size:26px}.preview-art strong{font-size:55px}.work-foot{display:block}.work-foot a{display:block;margin-top:17px}.stage-list{grid-template-columns:repeat(2,1fr)}.stage-tab strong{font-size:17px}.stage-panel{min-height:550px}.stage-visual{height:195px}.stage-panel h3{font-size:35px}.machine-bottom span:last-child{display:none}.manifesto-section{min-height:350px}.manifesto-section>p:nth-of-type(2){font-size:40px}.manifesto-section>span{font-size:8px}.lab-grid{display:block}.lab-philosophy{grid-template-columns:1fr;margin-top:14px}.lab-word{font-size:61px}.sound-visual{min-height:390px}.record-orbit{height:260px;width:260px}.record-center{width:95px;height:95px;font-size:36px}.sound-copy{padding:45px 25px}.sound-copy h3{font-size:65px}.about-grid{display:block}.about-symbol{font-size:210px}.about-copy{padding:0}.about-lead{font-size:33px!important}.contact-section{padding:84px 20px}.contact-section h2{font-size:clamp(57px,14vw,85px)}.contact-section p:not(.eyebrow){font-size:16px}footer{grid-template-columns:1fr;gap:13px;padding:28px 20px}.dialog-hero,.dialog-case,.dialog-disclaimer{padding-left:22px;padding-right:22px}.dialog-case{display:block}.dialog-case p{margin-top:10px}.dialog-gallery{padding:15px 22px;display:block}.dialog-gallery img{margin-bottom:10px;height:auto}.studio-bar{left:8px;right:8px;transform:none;justify-content:space-between;white-space:normal;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:380px){.machine-grid,.stage-panel,.stage-list{min-width:0}.stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-tab{min-width:0;gap:7px;padding:14px 8px}.stage-tab strong{font-size:14px;letter-spacing:-.045em;word-break:break-word}.stage-num{width:auto;font-size:10px}}
/* In-place integration: retain the original EYCH identity and hard editorial geometry. */
:root{--eych-bg:#090909;--eych-ink:#090909;--eych-paper:#f3f1ea;--eych-text:#f3f1ea;--eych-accent:#e9ff45;--eych-muted:#b8b5ae;--eych-font:Arial,Helvetica,sans-serif;--eych-body:Arial,Helvetica,sans-serif;--ink:#090909;--paper:#f3f1ea;--acid:#e9ff45;--line:#2d2d2d;--muted:#b8b5ae}
.hero{background:#090909}.hero-planet,.hero-orbit,.hero-beam{display:none}.hero h1{font-weight:900;line-height:.96;letter-spacing:-.075em}.hero h1 em{color:var(--eych-accent);letter-spacing:-.075em}.section-header h2{font-weight:900;line-height:1;letter-spacing:-.065em}.wordmark-text{font-weight:900}.btn-primary{background:var(--eych-accent)}.contact-pill,.filter,.about-tags span,.project-action{border-radius:0}.live-dot,.bright-dot,.status-dot{box-shadow:none}.stage-num,.stage-eyebrow{color:#3c410a}.stage-tab[aria-selected=true] .stage-num{color:var(--eych-accent)}.stage-tab[aria-selected=true]{color:var(--eych-accent)}.stage-visual-inner{background:var(--eych-accent)}.stage-visual{background:var(--eych-paper)}.stage-controls button:hover{color:#4e5708}.machine-section{background:var(--eych-paper)}.manifesto-section{background:#111;min-height:350px}.sound-visual{background:#090909}.sound-section{background:var(--eych-paper)}.record-center{font-weight:900}.hero-video-holder video,.hero-video-holder img{opacity:.65;filter:none}.project-art{background:#171717}.project-line{font:400 15px/1.5 var(--eych-body);color:var(--eych-muted);max-width:45ch;margin:12px 0}.project-view{display:block;font-size:11px;letter-spacing:.09em;margin-top:12px}.portfolio-intro{padding:25px 0;border-top:1px solid var(--eych-stroke);color:var(--eych-muted)}.portfolio-intro a{text-decoration:underline;text-underline-offset:4px}.stage-evidence{margin-bottom:20px}.stage-evidence img,.stage-evidence video{width:100%;max-height:330px;object-fit:contain}.stage-evidence audio{width:100%}.stage-evidence .dialog-gallery{padding:0}.stage-evidence .dialog-gallery img{height:170px}.dialog-links{padding:30px 40px;display:flex;gap:12px;flex-wrap:wrap}.dialog-gallery button{padding:0;border:0;background:#171717;cursor:pointer;color:var(--eych-paper);width:100%}.dialog-gallery img,.dialog-gallery video{display:block;width:100%;object-fit:cover}.dialog-gallery figure{margin:0}.dialog-gallery figcaption{font-size:12px;color:var(--eych-muted);padding:10px 0}.dialog-case h3{font-size:12px;color:var(--eych-accent);margin:0}.dialog-output{padding:30px 40px;font-size:18px;color:var(--eych-accent)}.dialog-sound{padding:20px 40px}.dialog-sound audio{width:100%}.dialog-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#555;margin:0;padding:1px;list-style:none}.dialog-process li{padding:15px;background:#090909;font-size:12px}.dialog-credit{padding:10px 40px;color:var(--eych-muted);font-size:13px}#assetContent img,#assetContent video{width:100%;max-height:76vh;object-fit:contain}#assetContent audio{width:100%}.project-dialog:focus-visible{outline:2px solid var(--eych-accent)}button,a{touch-action:manipulation}.menu-toggle,.filter,.stage-controls button{min-height:44px}.brand{font-weight:900}.brand span{color:var(--acid)}.project-loop{position:absolute;inset:0;opacity:0;pointer-events:none}.project-card:hover .project-loop,.project-card:focus-visible .project-loop{opacity:1}.integration-bridge{border-top:1px solid var(--eych-stroke);padding:30px 0;margin-top:30px}.integration-bridge .btn{margin-top:15px}#soundPlayers audio{width:100%;margin:15px 0}#soundPlayers p{font-size:13px}#assetDialog{z-index:100}#assetDialog::backdrop{background:#000e}
@media(max-width:580px){.hero h1{line-height:1;letter-spacing:-.075em;font-size:clamp(44px,12.5vw,75px)}.section-header h2{font-size:clamp(45px,12.5vw,75px)}.dialog-links,.dialog-output,.dialog-sound,.dialog-credit{padding-left:22px;padding-right:22px}.dialog-process{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-tab strong{overflow-wrap:anywhere}.stage-controls{gap:8px}.stage-pagination{font-size:9px}.hero-ctas{flex-wrap:wrap}.btn{min-height:44px;letter-spacing:.08em}.wordmark{min-width:0}.machine-top{font-size:9px}.sound-bars{max-width:75%;overflow:hidden}}
.sound-link{border:0;background:transparent;text-align:left;cursor:pointer;padding:12px 0;min-height:44px}.asset-play{display:block;padding:50px 10px;letter-spacing:.12em;font-size:14px}.compare-wrap{position:relative;margin:30px 40px}.compare-wrap img{display:block;width:100%}.compare-wrap img:nth-child(2){position:absolute;inset:0;height:100%;object-fit:cover}.compare-wrap input{position:absolute;bottom:15px;left:5%;width:90%;z-index:2;accent-color:var(--eych-accent)}@media(max-width:580px){.compare-wrap{margin:25px 22px}}
/* Restored artwork-led direction. */
:root{--eych-bg:#0b0c0c;--eych-paper:#f1eee6;--eych-text:#f1eee6;--eych-ink:#0b0c0c;--eych-muted:#adaba5;--eych-accent:#ed7958;--eych-stroke:#383939}.site-header{background:#0b0c0cf5}.hero{min-height:780px;background:#111}.hero-art{opacity:1}.hero-orbit,.hero-planet,.hero-beam{display:none}.hero-video-holder img,.hero-video-holder video{opacity:.9;filter:none}.hero-video-holder:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808bc,transparent 85%),linear-gradient(0deg,#080808a0,transparent 50%)}.hero-content{padding-top:80px;padding-bottom:60px}.hero h1{font-size:clamp(70px,12vw,190px);font-weight:800;line-height:.82;letter-spacing:-.08em;max-width:1000px}.hero h1 em{color:#f5eee5;font-style:italic;font-family:Georgia,serif;font-weight:400}.hero-sub{color:#ece7dd;max-width:410px}.hero-topline,.hero-bottom{color:#f1eee5}.hero-ctas .btn-primary{background:#ed7958;color:#111}.btn-ghost{color:#fff}.work-section{background:#0b0c0c}.section-header h2{font-size:clamp(50px,7vw,105px);color:#f1eee6;line-height:.95;letter-spacing:-.06em}.project-art{aspect-ratio:16/10}.project-meta{padding:22px 0 32px}.project-title{font-size:clamp(25px,3vw,42px);letter-spacing:-.04em}.project-line{color:#aaa9a1}.project-card{border-bottom:1px solid #333}.project-card[data-id="lost-in-a-melody"] .project-art img{object-fit:contain}.project-category{color:#ed987c}.spec-badge{font-size:8px}.machine-section{background:#171818}.machine-shell,.stage-panel{background:#111;color:#f2eee5}.stage-list,.machine-top,.machine-bottom{background:#171818;color:#b8b8b0}.stage-visual{background:#151616}.stage-visual-inner{background:#282323}.stage-graphic-label{color:#ed7958}.stage-num,.stage-eyebrow{color:#ed7958}.stage-panel p{color:#b6b4ac}.stage-controls button{color:#eee}.lab-section{display:none}.sound-section{background:#101111}.section{padding-top:95px;padding-bottom:95px}.about-section{background:#0b0c0c}.contact-section{background:#ed7958;color:#111}.contact-section h2,.contact-section p,.contact-section .eyebrow{color:#111}.contact-actions .btn{background:#111;color:#fff}.project-dialog,.dialog-shell{background:#111;color:#f5f0e7}.dialog-body{background:#111}.dialog-close{background:#111;color:#fff}.dialog-title{color:#f5f0e7}.dialog-case p{color:#bbb}.project-dialog video{object-fit:contain;max-height:65vh}.outline-text{-webkit-text-stroke-color:#d1cbc0}.manifesto-section{background:#ed7958}.manifesto-section p{color:#111}.ticker{background:#ed7958}.hero-pause{position:absolute;right:4vw;bottom:75px;z-index:5;background:#111b;color:white;border:1px solid #fff7;padding:12px 18px;cursor:pointer;font-size:10px;letter-spacing:.12em}
@media(max-width:600px){.hero{min-height:670px}.hero h1{font-size:22vw}.hero-content{padding:65px 0}.hero-sub{font-size:16px;max-width:290px}.hero-topline{font-size:8px}.hero-bottom>div:first-child{max-width:260px;line-height:2}.hero-pause{bottom:82px;right:20px}.section{padding-top:60px;padding-bottom:60px}.project-title{font-size:29px}.section-header h2{font-size:53px}.project-art{aspect-ratio:16/10}}

.vimeo-player{display:block;width:100%;aspect-ratio:16/9;border:0;background:#080808;}

/* Visitor audit: retain the artwork-led theme with readable text. */
.manifesto-section em,.manifesto-section>span{color:#111}.stage-tab{color:#b8b8b0}.sound-section .section-dek{color:#b6b4ac}