:root{
  --ink:#11110f;
  --black:#090a09;
  --charcoal:#121310;
  --charcoal-2:#181915;
  --paper:#ebe7de;
  --paper-2:#f5f1e9;
  --muted:#847e74;
  --muted-dark:#aaa398;
  --line:#c8c1b5;
  --line-dark:#2a2b27;
  --serif:"Bodoni 72","Bodoni MT",Didot,"Times New Roman",Georgia,serif;
  --sans:Inter,"Helvetica Neue",Arial,sans-serif;
  --shell:min(1480px,calc(100vw - 96px));
  --top:76px;
  --dock:66px;
}
*{box-sizing:border-box}
html{background:var(--black);scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:calc(var(--dock) + 18px)}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}
::selection{background:#d5c8b4;color:var(--ink)}

/* entry / page transition */
.intro{position:fixed;inset:0;z-index:10000;background:var(--paper);display:grid;place-items:center;transition:opacity .46s ease,visibility .46s ease}.intro-inner{display:grid;place-items:center;gap:15px;animation:introIn .72s cubic-bezier(.2,.72,.18,1) both}.intro img{width:92px}.intro span{color:var(--ink);font-size:9px;letter-spacing:.31em;text-transform:uppercase}.intro.hide{opacity:0;visibility:hidden;pointer-events:none}@keyframes introIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.page-wipe{position:fixed;inset:0;z-index:9999;background:var(--paper);transform:translateY(105%);transition:transform .5s cubic-bezier(.72,0,.22,1);display:grid;place-items:center;pointer-events:none}.page-wipe img{width:64px;opacity:0;transition:opacity .18s ease .2s}.leaving .page-wipe{transform:none}.leaving .page-wipe img{opacity:1}

/* persistent chrome */
.topbar{height:var(--top);position:fixed;z-index:120;top:0;left:0;right:0;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,color .25s}.topbar.scrolled{background:rgba(9,10,9,.84);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.07)}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand img{width:38px}.brand span{font-size:9px;font-weight:600;letter-spacing:.28em}.page-label{font-size:8px;letter-spacing:.27em;text-transform:uppercase;color:#908a80}.light-page .topbar:not(.scrolled){color:var(--ink)}.light-page .topbar:not(.scrolled) .brand img{filter:none}.light-page .topbar:not(.scrolled) .page-label{color:#777066}.light-page .topbar.scrolled{color:var(--paper)}.light-page .topbar.scrolled .brand img{filter:invert(1)}

.workspace-dock{position:fixed;z-index:150;left:50%;bottom:17px;transform:translateX(-50%);height:var(--dock);background:rgba(18,19,16,.92);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(18px);display:flex;align-items:stretch;padding:4px;box-shadow:0 16px 50px rgba(0,0,0,.28)}.dock-link{width:112px;display:grid;place-items:center;align-content:center;gap:4px;color:#8f8a82;position:relative;transition:background .22s,color .22s}.dock-link:hover{background:rgba(255,255,255,.045);color:var(--paper)}.dock-link.active{background:#24251f;color:#fff}.dock-link.active::after{content:"";position:absolute;left:18px;right:18px;bottom:3px;height:1px;background:#d6cab9}.dock-link svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.35}.dock-link span{font-size:7px;letter-spacing:.18em;text-transform:uppercase}

/* common */
.section{position:relative}.dark{background:var(--black);color:var(--paper)}.paper{background:var(--paper);color:var(--ink)}.paper2{background:var(--paper-2);color:var(--ink)}
.eyebrow{margin:0 0 14px;font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:inherit;opacity:.62}.display{font-family:var(--serif);font-weight:400;letter-spacing:-.044em;line-height:.92}.page-title{font-family:var(--serif);font-weight:400;letter-spacing:-.042em;line-height:.95;font-size:clamp(58px,6vw,96px);margin:0}.section-title{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1;font-size:clamp(42px,4vw,66px);margin:0}.lead{font-family:var(--serif);font-size:clamp(20px,1.75vw,28px);line-height:1.42}.body-copy{font-size:13px;line-height:1.8}.muted{color:var(--muted)}.dark .muted{color:var(--muted-dark)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .76s cubic-bezier(.2,.7,.2,1),transform .76s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
.rule{height:1px;background:currentColor;opacity:.16}.tiny-link{display:inline-flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.22em;text-transform:uppercase}.tiny-link i{width:28px;height:1px;background:currentColor;transition:width .22s}.tiny-link:hover i{width:42px}

/* HOME */
.home-hero{min-height:100svh;padding-top:var(--top);display:grid;align-items:center;background:var(--black);overflow:hidden}.home-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:center;padding:54px 0 78px}.hero-copy{max-width:620px}.hero-copy h1{font-size:clamp(72px,7vw,118px);margin:0 0 26px}.hero-copy h1 span{display:block;color:#aba49a}.hero-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#a49d92}.hero-meta b{width:3px;height:3px;border-radius:50%;background:#cdbca8}.hero-copy .body-copy{max-width:525px;color:#aaa398;margin:28px 0 34px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:142px;padding:14px 17px;border:1px solid currentColor;font-size:8px;letter-spacing:.19em;text-transform:uppercase;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button.paper-btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button.paper-btn:hover{background:white}

.hero-machine{min-height:620px;position:relative;border:1px solid #2b2c27;background:#0d0e0c;overflow:hidden;isolation:isolate}.machine-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.machine-frame{position:absolute;left:8%;top:10%;right:8%;bottom:19%;border:1px solid rgba(255,255,255,.14);overflow:hidden;background:#141510;transition:transform .2s ease}.visual-orb{position:absolute;border-radius:50%;filter:blur(1px);mix-blend-mode:screen}.orb-a{width:58%;aspect-ratio:1;left:-10%;top:18%;background:radial-gradient(circle at 60% 40%,#e6b270 0 4%,#7f4634 22%,rgba(87,62,47,.16) 54%,transparent 70%)}.orb-b{width:62%;aspect-ratio:1;right:-18%;top:-9%;background:radial-gradient(circle at 44% 53%,#708ea2 0 4%,#223e49 24%,rgba(33,56,64,.1) 56%,transparent 72%)}.orb-c{width:45%;aspect-ratio:1;right:23%;bottom:-26%;background:radial-gradient(circle,#72604e 0 8%,rgba(79,60,44,.16) 54%,transparent 70%)}.frame-cross{position:absolute;inset:0}.frame-cross::before,.frame-cross::after{content:"";position:absolute;background:rgba(255,255,255,.14)}.frame-cross::before{width:1px;top:0;bottom:0;left:61%}.frame-cross::after{height:1px;left:0;right:0;top:66%}.machine-caption{position:absolute;left:8%;right:8%;bottom:7%;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.22em;text-transform:uppercase;color:#77736b}.machine-time{font-variant-numeric:tabular-nums;color:#c9c1b6}.machine-cursor{position:absolute;width:22px;height:22px;border:1px solid rgba(255,255,255,.5);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .18s}.hero-machine:hover .machine-cursor{opacity:1}

.home-capabilities{padding:116px 0 124px}.cap-top{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;margin-bottom:66px}.cap-top p{max-width:590px;margin:2px 0 0;color:#5f5a53}.capabilities{border-top:1px solid var(--line)}.cap-row{display:grid;grid-template-columns:70px .55fr 1fr;gap:25px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start}.cap-row .n{font-size:8px;letter-spacing:.2em;color:#8e877d}.cap-row h3{font-family:var(--serif);font-weight:400;font-size:30px;margin:0}.cap-row p{font-size:12px;line-height:1.72;color:#655f57;max-width:560px;margin:2px 0 0}

.home-process-preview{padding:116px 0 124px}.process-preview-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.preview-copy p{max-width:420px}.mini-workspace{border:1px solid var(--line-dark);background:#0f100e}.mini-tabs{height:54px;border-bottom:1px solid var(--line-dark);display:flex;align-items:end;padding:0 12px}.mini-tab{border:0;background:none;color:#77746e;font-size:7px;letter-spacing:.2em;text-transform:uppercase;padding:18px 16px 14px;cursor:pointer;border-bottom:1px solid transparent}.mini-tab.active{color:#fff;border-bottom-color:#d7cabc}.mini-stage{height:380px;position:relative;overflow:hidden}.mini-stage::before{content:"";position:absolute;inset:30px;background:linear-gradient(120deg,#25201c 0 19%,#73756c 20% 38%,#b9a485 39% 52%,#273b45 53% 70%,#0b0c0a 71%);filter:saturate(.68) contrast(1.05);transition:filter .4s,transform .4s}.mini-stage[data-mode="color"]::before{filter:saturate(1.2) contrast(1.15) sepia(.08)}.mini-stage[data-mode="sound"]::before{filter:grayscale(.76) contrast(1.16);transform:scale(.96)}.mini-stage[data-mode="finish"]::before{filter:saturate(.82) contrast(1.08);transform:scale(.985)}.mini-stage-label{position:absolute;left:48px;bottom:45px;font-family:var(--serif);font-size:30px}.mini-stage-note{position:absolute;right:48px;top:45px;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#beb7ac}

.home-profile{padding:116px 0}.profile-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center}.profile-mark{height:500px;border:1px solid var(--line);position:relative;display:grid;place-items:center;overflow:hidden;background:var(--paper-2)}.profile-mark img{width:148px;position:relative;z-index:2}.profile-mark::after{content:"TS";position:absolute;font-family:var(--serif);font-size:390px;letter-spacing:-.12em;left:-24px;bottom:-130px;color:rgba(17,17,15,.035)}.profile-copy{max-width:650px}.profile-copy .lead{margin:24px 0}.profile-copy .body-copy{max-width:570px;color:#625d56}

.home-index{padding:100px 0 112px}.home-index-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.index-list{border-top:1px solid var(--line-dark)}.index-link{display:grid;grid-template-columns:55px 1fr auto;align-items:center;padding:23px 0;border-bottom:1px solid var(--line-dark);transition:padding .22s}.index-link:hover{padding-left:10px}.index-link span:first-child{font-size:8px;color:#77736b}.index-link strong{font-family:var(--serif);font-size:27px;font-weight:400}.index-link em{font-style:normal;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#807a72}

/* PROCESS */
.process-head{padding:calc(var(--top) + 80px) 0 72px;background:var(--paper);color:var(--ink)}.process-head-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:end}.process-head .body-copy{max-width:570px;color:#615b54;margin:0}.process-lab{background:var(--black);padding:50px 0 122px}.lab-shell{border:1px solid var(--line-dark);background:#0e0f0d;min-height:720px}.lab-top{display:flex;align-items:center;justify-content:space-between;height:56px;border-bottom:1px solid var(--line-dark);padding:0 18px}.lab-top span{font-size:7px;letter-spacing:.22em;text-transform:uppercase;color:#79756e}.lab-mode-tabs{display:flex;height:100%}.lab-tab{min-width:108px;border:0;border-left:1px solid var(--line-dark);background:none;color:#76736c;font-size:7px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;position:relative}.lab-tab.active{color:#fff;background:#181915}.lab-tab.active::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:#d8cbbb}.lab-body{display:grid;grid-template-columns:1.3fr .7fr;min-height:662px}.lab-visual{border-right:1px solid var(--line-dark);padding:24px;position:relative}.lab-copy{padding:52px 42px}.lab-copy .eyebrow{color:#7d7870}.lab-copy h2{font-family:var(--serif);font-size:46px;font-weight:400;letter-spacing:-.035em;margin:0 0 22px}.lab-copy p{font-size:12px;line-height:1.78;color:#aaa398}.lab-copy ul{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid var(--line-dark)}.lab-copy li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line-dark);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#858077}.lab-copy li span:last-child{color:#c8c1b6}
.lab-panel{display:none;height:100%}.lab-panel.active{display:block}

/* edit panel */
.edit-workspace{height:100%;display:grid;grid-template-rows:1fr 170px;gap:16px}.viewer{position:relative;border:1px solid #272823;background:#12130f;overflow:hidden}.viewer-frame{position:absolute;inset:7%;background:linear-gradient(135deg,#171511 0 20%,#76736b 21% 42%,#ac9274 43% 57%,#25404b 58% 74%,#0c0d0b 75%);transition:filter .25s,transform .25s}.viewer-grid{position:absolute;inset:7%;border:1px solid rgba(255,255,255,.14);pointer-events:none}.viewer-grid::before,.viewer-grid::after{content:"";position:absolute;background:rgba(255,255,255,.12)}.viewer-grid::before{left:50%;top:0;bottom:0;width:1px}.viewer-grid::after{top:50%;left:0;right:0;height:1px}.viewer-status{position:absolute;left:8%;bottom:5%;font-size:7px;letter-spacing:.2em;text-transform:uppercase;color:#9f998f}.timeline{border:1px solid #272823;background:#0a0b09;padding:18px 16px;position:relative;overflow:hidden}.timeline-ruler{height:20px;border-bottom:1px solid #262722;display:flex;justify-content:space-between;color:#575650;font-size:7px;font-variant-numeric:tabular-nums}.track{height:45px;margin-top:13px;display:grid;grid-template-columns:1.2fr .8fr 1.4fr .65fr 1fr;gap:3px}.clip{background:#33372f;border:1px solid #4a4d43;position:relative}.clip:nth-child(2){background:#51473c}.clip:nth-child(3){background:#273d43}.clip:nth-child(4){background:#4b4138}.clip:nth-child(5){background:#30332c}.clip::after{content:"";position:absolute;left:8px;right:8px;top:50%;height:1px;background:rgba(255,255,255,.15)}.playhead{position:absolute;top:18px;bottom:15px;width:1px;background:#d8c5af;left:18%;z-index:5;pointer-events:none}.playhead::before{content:"";position:absolute;top:-1px;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid #d8c5af}.timeline input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7}

/* color panel */
.color-workspace{height:100%;display:grid;grid-template-rows:1fr 120px;gap:16px}.grade-viewer{border:1px solid #272823;position:relative;overflow:hidden;background:#10110e}.grade-base,.grade-after{position:absolute;inset:7%;background:linear-gradient(140deg,#1b1a17 0 19%,#6b6963 20% 39%,#a3907a 40% 53%,#374a4f 54% 70%,#11120f 71%);}.grade-base{filter:saturate(.42) contrast(.9) brightness(.94)}.grade-after{filter:saturate(var(--sat,1.18)) contrast(var(--con,1.12)) sepia(var(--warm,.08));clip-path:inset(0 calc(100% - var(--split,62%)) 0 0)}.split-line{position:absolute;top:7%;bottom:7%;left:var(--split,62%);width:1px;background:#eee0ce;z-index:4;pointer-events:none}.split-line::before{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8ded0;color:#161612;font-size:12px}.grade-viewer>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}.grade-label{position:absolute;bottom:9%;font-size:7px;letter-spacing:.2em;text-transform:uppercase;color:#ddd4c8;z-index:4}.grade-label.before{left:9%}.grade-label.after{right:9%}.grade-controls{border:1px solid #272823;display:grid;grid-template-columns:repeat(3,1fr)}.grade-control{padding:18px 20px;border-right:1px solid #272823}.grade-control:last-child{border-right:0}.grade-control label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.18em;text-transform:uppercase;color:#8b867e;margin-bottom:13px}.grade-control input{width:100%;accent-color:#c9b8a4}

/* sound panel */
.sound-workspace{height:100%;display:grid;grid-template-columns:1fr 200px;gap:16px}.wave-stage{border:1px solid #272823;padding:28px 24px;display:grid;grid-template-rows:repeat(3,1fr);gap:20px}.wave-row{display:grid;grid-template-columns:74px 1fr;gap:18px;align-items:center}.wave-row span{font-size:7px;letter-spacing:.17em;text-transform:uppercase;color:#8f8a82}.waveform{height:72px;display:flex;align-items:center;gap:2px;opacity:var(--wave-opacity,.84);transform:scaleY(var(--wave-scale,1));transition:opacity .2s,transform .2s}.waveform i{display:block;flex:1;min-width:1px;background:#8e9186;height:var(--h,50%)}.wave-row:nth-child(2) .waveform i{background:#9d806b}.wave-row:nth-child(3) .waveform i{background:#587079}.mixer{border:1px solid #272823;display:grid;grid-template-columns:repeat(3,1fr);padding:20px 10px;gap:8px}.channel{display:grid;justify-items:center;grid-template-rows:auto 1fr auto;gap:14px}.channel label{font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:#7f7b74;writing-mode:vertical-rl;transform:rotate(180deg)}.channel input{appearance:slider-vertical;width:28px;height:280px;accent-color:#c9b8a4}.channel output{font-size:7px;color:#b8b1a8}

/* finish panel */
.finish-workspace{height:100%;display:grid;place-items:center}.delivery-box{width:min(620px,86%);border:1px solid #2c2d28;background:#10110e}.delivery-head{padding:18px 20px;border-bottom:1px solid #2c2d28;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.2em;text-transform:uppercase;color:#8c877e}.qc-list{padding:8px 20px}.qc-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px 0;border-bottom:1px solid #242520;font-size:9px;color:#b7b0a7}.qc-row span:last-child{font-size:11px;color:#d8cbbc}.export-area{padding:22px 20px}.export-btn{width:100%;padding:14px;border:1px solid #cbc0b2;background:none;color:#ddd5ca;font-size:8px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.export-btn:hover{background:var(--paper);color:var(--ink)}.progress{height:2px;background:#242520;margin-top:18px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#d7c8b5;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.progress.running i{width:100%}.export-status{font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:#747169;margin-top:10px}

.process-notes{padding:110px 0 122px}.notes-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.notes-list{border-top:1px solid var(--line)}.note{display:grid;grid-template-columns:70px .4fr 1fr;gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.note .n{font-size:8px;color:#8d867c}.note h3{font-family:var(--serif);font-weight:400;font-size:25px;margin:0}.note p{font-size:12px;line-height:1.72;color:#625c55;margin:2px 0 0}

/* WORK */
.work-head{padding:calc(var(--top) + 80px) 0 74px}.work-head-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:end}.work-head p{max-width:560px;margin:0;color:#615b54}.work-index{padding:38px 0 122px}.work-card{display:grid;grid-template-columns:.48fr 1.52fr;min-height:480px;border-top:1px solid var(--line);padding:30px 0;gap:54px}.work-card:last-child{border-bottom:1px solid var(--line)}.work-card-meta{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:6px}.work-card-meta .n{font-size:8px;letter-spacing:.2em;color:#8c857b}.work-card-meta h2{font-family:var(--serif);font-size:34px;font-weight:400;margin:0}.work-card-meta p{font-size:11px;line-height:1.65;color:#6d665e;max-width:280px}.work-visual{position:relative;overflow:hidden;background:#151612;border:1px solid #2f302a;min-height:430px}.work-visual .project-ui{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px}.project-block{position:absolute;border:1px solid rgba(255,255,255,.13);transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}.project-block.a{left:8%;top:11%;width:57%;height:64%;background:linear-gradient(125deg,#35312c,#817866 48%,#273b43)}.project-block.b{right:6%;bottom:9%;width:36%;height:43%;background:linear-gradient(145deg,#0f100e,#7d4e38)}.work-card:hover .project-block.a{transform:translate(-7px,-5px)}.work-card:hover .project-block.b{transform:translate(7px,5px)}.work-card:nth-child(2) .project-block.a{background:linear-gradient(145deg,#10110e,#536169 40%,#b09a79 68%,#28251f)}.work-card:nth-child(2) .project-block.b{background:linear-gradient(145deg,#11120f,#5e6e5f)}.work-card:nth-child(3) .project-block.a{background:linear-gradient(120deg,#171713,#6a5948 30%,#252f33 64%,#0b0c0a)}.work-card:nth-child(3) .project-block.b{background:linear-gradient(145deg,#1a1916,#9b7559)}.work-caution{margin-top:32px;font-size:9px;line-height:1.6;color:#777066;max-width:520px}

/* CONTACT */
.contact-page{min-height:100vh;padding-top:var(--top);display:grid;align-items:center}.contact-wrap{padding:70px 0 96px}.contact-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:100px;align-items:start}.contact-copy .page-title{margin-bottom:28px}.contact-copy .body-copy{max-width:500px;color:#aaa398}.contact-list{border-top:1px solid var(--line-dark)}.contact-link{display:grid;grid-template-columns:110px 1fr auto;align-items:center;padding:25px 0;border-bottom:1px solid var(--line-dark);transition:padding .22s,background .22s}.contact-link:hover{padding-left:10px}.contact-link .label{font-size:7px;letter-spacing:.2em;text-transform:uppercase;color:#77736b}.contact-link strong{font-family:var(--serif);font-size:29px;font-weight:400;color:#ddd5ca}.contact-link span:last-child{font-size:18px;color:#8c877f}.contact-foot{margin-top:60px;padding-top:24px;border-top:1px solid var(--line-dark);display:flex;justify-content:space-between;gap:30px;color:#716e68;font-size:8px;letter-spacing:.16em;text-transform:uppercase}

/* responsive */
@media(max-width:1050px){
  :root{--shell:min(100% - 52px,1480px)}
  .home-hero-grid,.cap-top,.process-preview-grid,.profile-grid,.home-index-grid,.process-head-grid,.notes-grid,.work-head-grid,.contact-grid{grid-template-columns:1fr;gap:52px}
  .hero-machine{min-height:520px}.home-hero{min-height:auto}.home-hero-grid{padding-top:88px}.lab-body{grid-template-columns:1fr}.lab-visual{border-right:0;border-bottom:1px solid var(--line-dark);min-height:620px}.lab-copy{padding:42px}.sound-workspace{grid-template-columns:1fr}.mixer{height:200px}.channel input{height:120px}.work-card{grid-template-columns:1fr;min-height:0}.work-card-meta{gap:24px}.work-visual{min-height:420px}.note{grid-template-columns:55px .5fr 1fr}
}
@media(max-width:720px){
  :root{--shell:calc(100% - 34px);--top:66px;--dock:58px}
  body{padding-bottom:calc(var(--dock) + 14px)}.brand span{display:none}.brand img{width:34px}.page-label{font-size:7px}
  .workspace-dock{left:14px;right:14px;transform:none;bottom:10px;width:auto}.dock-link{width:25%}.dock-link svg{width:15px;height:15px}.dock-link span{font-size:6px}
  .home-hero-grid{padding:64px 0 52px}.hero-copy h1{font-size:62px}.hero-machine{min-height:390px}.machine-frame{left:5%;right:5%;top:7%;bottom:21%}.machine-caption{left:5%;right:5%}
  .home-capabilities,.home-process-preview,.home-profile,.home-index,.process-notes{padding:82px 0}.cap-row{grid-template-columns:42px 1fr}.cap-row p{grid-column:2}.profile-mark{height:330px}.profile-mark img{width:120px}.profile-mark::after{font-size:260px;bottom:-80px}
  .process-head,.work-head{padding-top:calc(var(--top) + 50px);padding-bottom:58px}.process-lab{padding-top:20px}.lab-shell{min-height:auto}.lab-top{height:auto;display:block;padding:0}.lab-top>span{display:block;padding:14px 16px}.lab-mode-tabs{overflow-x:auto;border-top:1px solid var(--line-dark)}.lab-tab{min-width:92px;height:50px}.lab-visual{padding:12px;min-height:560px}.lab-copy{padding:34px 24px}.edit-workspace{grid-template-rows:1fr 145px}.grade-controls{grid-template-columns:1fr}.grade-control{border-right:0;border-bottom:1px solid #272823}.grade-control:last-child{border-bottom:0}.color-workspace{grid-template-rows:1fr auto}.sound-workspace{display:block}.wave-stage{min-height:420px}.mixer{margin-top:12px}.note{grid-template-columns:42px 1fr}.note p{grid-column:2}
  .work-index{padding-bottom:84px}.work-card{padding:24px 0}.work-visual{min-height:300px}.contact-page{align-items:start}.contact-wrap{padding-top:60px}.contact-link{grid-template-columns:80px 1fr auto}.contact-link strong{font-size:23px}.contact-foot{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro,.page-wipe{display:none}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}

/* =========================================================
   V4 — clearer navigation, quieter transitions, richer Work
   ========================================================= */

/* Only Home contains the TS intro. Other pages use a quiet wipe. */
.page-wipe{background:var(--paper);transform:translateY(104%);display:block}
.page-wipe::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(17,17,15,.12);transform:scaleX(0);transform-origin:left;transition:transform .32s ease .12s}
.leaving .page-wipe::after{transform:scaleX(1)}
.page-wipe img{display:none!important}
body:not(.leaving) main{animation:pageEnter .48s cubic-bezier(.2,.72,.18,1) both}
@keyframes pageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Dock is still unusual, so make its purpose easier to notice. */
.workspace-dock{height:72px;bottom:20px;padding:5px;background:rgba(16,17,14,.97);border-color:rgba(255,255,255,.18);box-shadow:0 20px 56px rgba(0,0,0,.36)}
.workspace-dock::before{content:"NAVIGATION";position:absolute;left:0;top:-18px;font-size:6px;letter-spacing:.24em;color:#8b867e;text-transform:uppercase}
.dock-link{width:124px;gap:5px}
.dock-link svg{width:18px;height:18px}
.dock-link span{font-size:7.5px;letter-spacing:.2em}
.dock-link.active::after{left:16px;right:16px;bottom:4px}

/* Home hero: interactive viewer, no decorative orbs. */
.hero-viewer{min-height:620px;border:1px solid #2c2d28;background:#0e0f0d;display:grid;grid-template-rows:48px 1fr 58px 52px;overflow:hidden}
.hero-viewer-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #272823;font-size:7px;letter-spacing:.2em;color:#817d75}
.hero-viewer-stage{position:relative;overflow:hidden;background:#11120f;isolation:isolate}
.viewer-composition{position:absolute;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s ease,opacity .3s ease}
.comp-a{left:7%;top:10%;width:62%;height:72%;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#23221f 0 24%,#76766e 25% 48%,#b8a487 49% 64%,#31444c 65% 100%)}
.comp-b{right:7%;bottom:8%;width:34%;height:44%;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#0c0d0b,#4b5048 45%,#8d6c55)}
.comp-c{left:12%;bottom:13%;width:19%;height:14%;border:1px solid rgba(255,255,255,.14);background:#ded5c8;mix-blend-mode:screen;opacity:.16}
.viewer-guide{position:absolute;background:rgba(255,255,255,.09);pointer-events:none}.viewer-guide.v{width:1px;top:0;bottom:0;left:61%}.viewer-guide.h{height:1px;left:0;right:0;top:66%}
.viewer-caption{position:absolute;left:7%;bottom:6%;display:grid;gap:6px}.viewer-caption span{font-size:6px;letter-spacing:.22em;color:#8d887f}.viewer-caption strong{font-family:var(--serif);font-size:26px;font-weight:400;color:#e1d9ce}
.hero-scrub{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:12px;padding:0 18px;border-top:1px solid #272823;border-bottom:1px solid #272823;color:#77736c;font-size:6px;letter-spacing:.14em}.hero-scrub input{width:100%;accent-color:#d9cdbd}
.hero-viewer-tabs{display:flex;align-items:stretch}.hero-viewer-tab{flex:1;border:0;border-right:1px solid #272823;background:#11120f;color:#77746d;font-size:7px;letter-spacing:.2em;cursor:pointer}.hero-viewer-tab:last-child{border-right:0}.hero-viewer-tab.active{background:#20211c;color:#eee6da}.hero-viewer[data-view="image"] .comp-a{background:linear-gradient(135deg,#1c1d1a 0 21%,#4f6469 22% 46%,#d1b58f 47% 65%,#26383f 66% 100%);transform:scale(1.015)}.hero-viewer[data-view="image"] .comp-b{background:linear-gradient(145deg,#0b0c0a,#6d4e3d 48%,#c49772)}.hero-viewer[data-view="sound"] .comp-a{transform:translateX(-3%) scale(.97);filter:grayscale(.55);opacity:.7}.hero-viewer[data-view="sound"] .comp-b{transform:translateX(4%);background:repeating-linear-gradient(90deg,#252923 0 4px,#11120f 4px 10px)}.home-signature{margin-top:28px;color:#3f3b36}

/* Work page */
.work-v4{overflow:hidden}.work-hero-v4{padding:calc(var(--top) + 104px) 0 118px;border-bottom:1px solid var(--line)}
.work-hero-v4-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:110px;align-items:end}
.work-display{font-family:var(--serif);font-size:clamp(82px,9vw,150px);line-height:.82;letter-spacing:-.055em;font-weight:400;margin:0}.work-display em{font-weight:400;color:#777067}
.work-intro-copy{max-width:650px;padding-bottom:8px}.work-intro-copy .lead{margin:0 0 28px;font-size:clamp(24px,2vw,33px)}.work-intro-copy .body-copy{max-width:610px;color:#5f5952;font-size:13.5px}
.case-browser-section{padding:112px 0 124px}.case-browser-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:end;margin-bottom:50px}.case-browser-head .body-copy{max-width:520px;color:#665f57;margin:0}
.case-browser{display:grid;grid-template-columns:300px minmax(0,1fr) 390px;border:1px solid var(--line);min-height:700px;background:#f0ece4}
.case-tabs{border-right:1px solid var(--line);display:flex;flex-direction:column}.case-tab{border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:26px 24px;display:grid;gap:7px;cursor:pointer;color:#6d675f;transition:background .22s,color .22s,padding .22s}.case-tab:hover{padding-left:30px}.case-tab.active{background:var(--ink);color:var(--paper)}.case-tab span{font-size:7px;letter-spacing:.18em;opacity:.62}.case-tab strong{font-family:var(--serif);font-size:27px;font-weight:400}.case-tab small{font-size:7px;letter-spacing:.13em;text-transform:uppercase;opacity:.7}
.case-stage{background:#0c0d0b;color:#d7d0c5;display:grid;grid-template-rows:44px 1fr;min-width:0;overflow:hidden}.case-stage-top{display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #262722;color:#77736b;font-size:6.5px;letter-spacing:.16em}.case-scene{display:none;min-height:654px;position:relative}.case-scene.active{display:block}
.teaser-scene{padding:22px;grid-template-rows:1fr 185px}.teaser-scene.active{display:grid}.teaser-viewer{position:relative;border:1px solid #252622;background:linear-gradient(135deg,#151612,#303932 44%,#8b6b50 44.4%,#161713 72%);overflow:hidden}.teaser-viewer::before{content:"";position:absolute;left:8%;top:11%;width:39%;height:74%;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.1)}.teaser-title-card{position:absolute;left:10%;bottom:13%;display:grid;gap:8px}.teaser-title-card span{font-size:6px;letter-spacing:.21em;color:#bab2a7}.teaser-title-card strong{font-family:var(--serif);font-size:clamp(34px,4vw,64px);font-weight:400;letter-spacing:-.03em}.teaser-lower-third{position:absolute;right:5%;top:6%;display:grid;gap:5px;text-align:right;font-size:6px;letter-spacing:.18em;color:#99948b}.teaser-timeline{position:relative;margin-top:14px;border:1px solid #252622;display:grid;grid-template-columns:34px repeat(4,1fr);grid-template-rows:52px 52px;align-items:stretch;overflow:hidden}.track-label{display:grid;place-items:center;font-size:6px;color:#77736c;border-right:1px solid #252622;border-bottom:1px solid #252622}.clip{display:grid;place-items:center;border-right:2px solid #0c0d0b;border-bottom:1px solid #252622;font-size:6px;letter-spacing:.14em;color:#ded6ca}.c1{background:#3c4038}.c2{background:#786b59}.c3{background:#33434a}.c4{background:#5b4639}.audio-strip{grid-column:2/6;display:flex;align-items:center;gap:5px;padding:0 9px}.audio-strip i{height:calc(12px + var(--h, 20px));flex:1;background:#82786a;opacity:.75}.audio-strip i:nth-child(3n){height:34px}.audio-strip i:nth-child(4n){height:20px}.teaser-timeline input{position:absolute;left:34px;right:0;bottom:0;width:calc(100% - 34px);height:100%;opacity:0;cursor:ew-resize}.work-playhead{position:absolute;left:calc(34px + (100% - 34px)*.34);top:0;bottom:0;width:1px;background:#efe7db;pointer-events:none}.work-playhead::before{content:"";position:absolute;left:-4px;top:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid #efe7db}
.product-scene.active{display:grid;grid-template-rows:1.1fr .9fr;padding:22px;gap:14px}.product-frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-frame{border:1px solid #2c2d28;background:#11120f;color:#827e76;text-align:left;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;cursor:pointer;transition:transform .2s,background .2s,color .2s}.product-frame:hover{transform:translateY(-3px)}.product-frame.active{background:#e6dfd4;color:#151513}.product-frame span{font-size:7px;letter-spacing:.2em}.product-frame strong{font-family:var(--serif);font-size:30px;font-weight:400}.product-frame small{font-size:7px;letter-spacing:.12em;text-transform:uppercase}.product-result{border:1px solid #2c2d28;padding:32px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(120deg,#10110f,#1a1c18)}.product-kicker{font-size:6px;letter-spacing:.2em;color:#77736b}.product-result strong{font-family:var(--serif);font-size:44px;font-weight:400;margin:12px 0}.product-result p{max-width:520px;color:#a8a197;font-size:12px;line-height:1.7;margin:0}
.grade-scene.active{display:grid;grid-template-rows:1fr auto;padding:22px;gap:14px}.grade-demo{position:relative;border:1px solid #2a2b26;overflow:hidden;background:#161713}.grade-demo-base,.grade-demo-after{position:absolute;inset:0;overflow:hidden}.grade-demo-after{clip-path:inset(0 0 0 var(--work-split));filter:saturate(1.2) contrast(1.08)}.demo-sky{position:absolute;left:0;right:0;top:0;height:52%;background:linear-gradient(#6e7673,#bbb0a0)}.demo-field{position:absolute;left:0;right:0;bottom:0;height:53%;background:linear-gradient(#646557,#343b31)}.demo-subject{position:absolute;width:30%;height:43%;left:35%;bottom:16%;background:#d6d0c4;border-radius:48% 52% 43% 47%;box-shadow:inset -22px -12px 0 rgba(125,108,80,.18)}.grade-demo-after .demo-sky{background:linear-gradient(#81908d,#d0bfa8)}.grade-demo-after .demo-field{background:linear-gradient(#60775b,#2e4934)}.grade-demo-after .demo-subject{background:#e6e1d7;box-shadow:inset -16px -8px 0 rgba(118,93,61,.1)}.grade-demo-line{position:absolute;top:0;bottom:0;left:var(--work-split);width:1px;background:#f0e7da;pointer-events:none}.grade-demo-label{position:absolute;top:16px;font-size:6px;letter-spacing:.18em;color:#eee7dc}.grade-demo-label.left{left:16px}.grade-demo-label.right{right:16px}.grade-demo input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.grade-demo-notes{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2a2b26}.grade-demo-notes span{padding:16px 12px;border-right:1px solid #2a2b26;font-size:6px;letter-spacing:.13em;text-transform:uppercase;color:#88847c;text-align:center}.grade-demo-notes span:last-child{border-right:0}
.case-information{border-left:1px solid var(--line);padding:26px;display:flex;flex-direction:column;background:#ebe7de;color:var(--ink)}.case-meta-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.case-meta-grid div{padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:7px}.case-meta-grid span{font-size:6px;letter-spacing:.16em;color:#888177}.case-meta-grid strong{font-size:10px;font-weight:500}.case-info-copy{padding:34px 0 28px}.case-info-copy h3{font-family:var(--serif);font-size:38px;line-height:1.05;font-weight:400;margin:0 0 18px}.case-info-copy>p:last-child{font-size:12px;line-height:1.72;color:#625c54;margin:0}.case-detail-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-detail{flex:1;border:0;border-right:1px solid var(--line);background:transparent;padding:14px 5px;font-size:6px;letter-spacing:.13em;text-transform:uppercase;color:#847e74;cursor:pointer}.case-detail:last-child{border-right:0}.case-detail.active{background:#dcd6cc;color:#141412}.case-detail-copy{padding:22px 0 0;font-size:11px;line-height:1.7;color:#625c54}
.work-philosophy{padding:122px 0}.work-philosophy-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:110px;align-items:center}.work-signature-panel{min-height:420px;border:1px solid #292a26;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.work-signature-panel .signature{font-size:clamp(58px,6vw,92px);color:#eee6da}.work-signature-panel>span{font-size:7px;letter-spacing:.18em;text-transform:uppercase;color:#77736c}.work-philosophy-copy .lead{max-width:640px;margin:26px 0}.work-philosophy-copy .body-copy{max-width:680px;font-size:13px}.signature{font-family:"Segoe Script","Snell Roundhand","Brush Script MT",cursive;font-weight:400;line-height:1.1;transform:rotate(-3deg);display:inline-block}
.work-method{padding:118px 0}.work-method-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:end;margin-bottom:56px}.work-method-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.work-method-grid article{padding:30px 30px 16px 0;border-right:1px solid var(--line);min-height:310px}.work-method-grid article+article{padding-left:30px}.work-method-grid article:last-child{border-right:0}.work-method-grid span{font-size:7px;letter-spacing:.2em;color:#918a80}.work-method-grid h3{font-family:var(--serif);font-size:32px;line-height:1.05;font-weight:400;margin:55px 0 18px}.work-method-grid p{font-size:11.5px;line-height:1.72;color:#625c54;margin:0;max-width:350px}
.work-profile{padding:118px 0}.work-profile-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:105px;align-items:center}.work-profile-mark{height:430px;border:1px solid var(--line);display:grid;place-items:center;position:relative;background:var(--paper-2)}.work-profile-mark img{width:142px}.work-profile-mark span{position:absolute;left:22px;bottom:20px;font-size:6px;letter-spacing:.2em;color:#8c857b}.work-profile-grid .body-copy{max-width:650px;color:#625c54;margin-top:24px;font-size:13px}
.work-next{padding:112px 0 128px}.work-next-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;align-items:end}.work-next-grid>div:last-child{max-width:600px}.work-next-grid .body-copy{margin:0 0 28px}

@media(max-width:1100px){
  .case-browser{grid-template-columns:240px 1fr}.case-information{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.case-detail-tabs,.case-detail-copy{grid-column:2}.work-hero-v4-grid,.case-browser-head,.work-philosophy-grid,.work-method-head,.work-profile-grid,.work-next-grid{grid-template-columns:1fr;gap:52px}.work-method-grid{grid-template-columns:1fr}.work-method-grid article,.work-method-grid article+article{padding:26px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.work-method-grid h3{margin:28px 0 14px}.work-profile-mark{height:330px}.hero-viewer{min-height:520px}}
@media(max-width:720px){
  .workspace-dock{bottom:10px;height:66px}.workspace-dock::before{display:none}.dock-link{width:82px}.work-display{font-size:clamp(64px,20vw,92px)}.work-hero-v4{padding-top:calc(var(--top) + 60px);padding-bottom:76px}.case-browser-section{padding:76px 0}.case-browser{display:block}.case-tabs{border-right:0;display:grid;grid-template-columns:1fr}.case-tab{padding:20px}.case-stage{min-height:560px}.case-scene{min-height:516px}.teaser-scene.active{grid-template-rows:1fr 155px;padding:12px}.product-scene.active,.grade-scene.active{padding:12px}.product-frame-grid{grid-template-columns:1fr}.product-frame{min-height:110px}.grade-demo-notes{grid-template-columns:1fr 1fr}.grade-demo-notes span:nth-child(2){border-right:0}.grade-demo-notes span{border-bottom:1px solid #2a2b26}.case-information{display:block;padding:22px}.case-meta-grid{grid-template-columns:1fr 1fr}.work-philosophy,.work-method,.work-profile,.work-next{padding:78px 0}.work-signature-panel{min-height:300px}.work-philosophy-copy .lead{font-size:22px}.work-profile-mark{height:280px}.hero-viewer{min-height:430px;grid-template-rows:42px 1fr 52px 46px}.hero-viewer-stage{min-height:260px}}

/* ============================================================
   V5 HOME — focused CUT / IMAGE / SOUND viewer
   ============================================================ */
.hero-viewer{min-height:620px;grid-template-rows:48px minmax(390px,1fr) 58px 52px}
.hero-viewer-stage{min-height:410px}
.hero-mode{position:absolute;inset:0;padding:34px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1),visibility .32s}
.hero-mode.active{opacity:1;visibility:visible;transform:none}
.hero-mode-caption{position:absolute;left:34px;bottom:28px;display:grid;gap:6px;z-index:7}
.hero-mode-caption span{font-size:6px;letter-spacing:.22em;color:#8d887f;text-transform:uppercase}
.hero-mode-caption strong{font-family:var(--serif);font-size:29px;font-weight:400;color:#e6ded3;line-height:1}

/* CUT: only editing / sequence structure */
.cut-screen{position:absolute;left:7%;right:7%;top:8%;bottom:25%;border:1px solid rgba(255,255,255,.11);background:#0c0d0b;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:2px;padding:2px}
.cut-screen::after{content:"PROGRAM / SEQUENCE";position:absolute;right:12px;top:10px;font-size:5px;letter-spacing:.2em;color:#7c786f;z-index:5}
.cut-shot{position:relative;overflow:hidden;background:#171815;transition:transform .35s ease,opacity .35s ease,filter .35s ease}
.cut-shot::before,.cut-shot::after{content:"";position:absolute;transition:transform .35s ease,opacity .35s ease}
.cut-shot::before{left:-10%;right:-10%;top:22%;height:56%;background:linear-gradient(150deg,#292925 0 38%,#76766f 39% 62%,#2f3f45 63%);transform:skewX(-8deg)}
.cut-shot::after{width:20%;aspect-ratio:1;border-radius:50%;right:16%;bottom:14%;background:#c5ad8d;opacity:.58}
.cut-shot span{position:absolute;left:10px;bottom:9px;z-index:3;font-size:6px;letter-spacing:.16em;color:#d9d1c5}
.cut-shot.shot-b::before{background:linear-gradient(35deg,#1d2425 0 39%,#b8a483 40% 61%,#4f5550 62%)}
.cut-shot.shot-b::after{left:18%;right:auto;top:15%;bottom:auto;background:#5f7680;opacity:.52}
.cut-shot.shot-c::before{background:linear-gradient(160deg,#1d1c19 0 48%,#645349 49% 69%,#b6b0a3 70%)}
.cut-shot.shot-c::after{right:22%;bottom:18%;background:#8a6751;opacity:.62}
.cut-safe-frame{position:absolute;inset:8%;border:1px solid rgba(255,255,255,.1);pointer-events:none;z-index:4}
.cut-strip{position:absolute;left:7%;right:7%;bottom:13%;height:34px;border:1px solid #292a25;background:#0a0b09;display:grid;grid-template-columns:1.1fr .8fr 1.2fr .9fr;gap:2px;padding:3px;z-index:6}
.hs-clip{display:block;min-width:0;background:#45473f;transition:filter .3s,opacity .3s,transform .3s}.hs-clip.clip-b{background:#746a5d}.hs-clip.clip-c{background:#34464d}.hs-clip.clip-d{background:#58483e}
.cut-strip-playhead{position:absolute;top:-4px;bottom:-4px;left:34%;width:1px;background:#efe6d9;transition:left .12s linear}.cut-strip-playhead::before{content:"";position:absolute;left:-4px;top:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #efe6d9}

/* IMAGE: only image / balance / grading */
.image-frame{position:absolute;left:8%;right:8%;top:8%;bottom:25%;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#151613}
.image-scene{position:absolute;inset:0;overflow:hidden}
.image-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(#737b78 0 47%,#4a4b40 48% 100%)}
.image-scene .image-horizon{position:absolute;left:-8%;right:-8%;top:39%;height:23%;background:linear-gradient(160deg,transparent 0 19%,#50564f 20% 38%,#2f3a37 39% 61%,#777363 62% 73%,transparent 74%);z-index:2;opacity:.86}
.image-scene .image-subject{position:absolute;width:16%;height:48%;left:53%;bottom:12%;background:#222522;clip-path:polygon(42% 0,59% 0,67% 27%,76% 100%,24% 100%,34% 28%);z-index:3}
.image-scene.base{filter:saturate(.45) contrast(.9) brightness(.88)}
.image-scene.grade{clip-path:inset(0 0 0 54%);filter:saturate(1.2) contrast(1.09) brightness(1.02)}
.image-scene.grade::before{background:linear-gradient(#6f8588 0 47%,#55634a 48% 100%)}
.image-scene.grade .image-horizon{background:linear-gradient(160deg,transparent 0 19%,#53635c 20% 38%,#344d47 39% 61%,#98775a 62% 73%,transparent 74%)}
.image-split-line{position:absolute;top:0;bottom:0;left:54%;width:1px;background:#efe7db;z-index:5;box-shadow:0 0 0 1px rgba(0,0,0,.13)}
.image-split-line::after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:#ece4d8;color:#111;display:grid;place-items:center;font:11px var(--sans)}
.image-label{position:absolute;top:12px;z-index:6;font-size:5.5px;letter-spacing:.18em;color:#eee5d8}.image-label-left{left:12px}.image-label-right{right:12px}
.image-data{position:absolute;right:8%;bottom:10%;display:flex;align-items:center;gap:9px;color:#77736b;font-size:5.5px;letter-spacing:.14em}.image-data i{width:24px;height:1px;background:#716c64}

/* SOUND: only audio / waveform / mix */
.sound-monitor{position:absolute;left:7%;right:7%;top:9%;bottom:24%;border:1px solid rgba(255,255,255,.11);background:#0b0c0a;padding:28px 74px 28px 22px;display:grid;grid-template-rows:repeat(3,1fr);gap:9px;overflow:hidden}
.sound-row{display:grid;grid-template-columns:68px 1fr 44px;align-items:center;gap:12px;border-bottom:1px solid #242520;color:#77736b}.sound-row:last-of-type{border-bottom:0}.sound-row>span{font-size:5.5px;letter-spacing:.15em}.sound-row output{font-size:6px;text-align:right;color:#aaa398}
.wave{height:36px;opacity:.74;transform-origin:left center;transition:transform .25s,opacity .25s;mask-repeat:repeat-x;mask-size:auto 100%;-webkit-mask-repeat:repeat-x;-webkit-mask-size:auto 100%}
.wave-a{background:#c5bbaa;clip-path:polygon(0 48%,3% 35%,6% 67%,9% 19%,12% 55%,15% 32%,18% 76%,21% 44%,24% 60%,27% 11%,30% 72%,33% 37%,36% 58%,39% 28%,42% 69%,45% 43%,48% 51%,51% 24%,54% 73%,57% 39%,60% 64%,63% 21%,66% 57%,69% 35%,72% 68%,75% 48%,78% 13%,81% 61%,84% 31%,87% 72%,90% 42%,93% 58%,96% 29%,100% 48%,100% 54%,96% 69%,93% 42%,90% 62%,87% 28%,84% 71%,81% 39%,78% 87%,75% 52%,72% 32%,69% 65%,66% 43%,63% 79%,60% 36%,57% 61%,54% 27%,51% 76%,48% 49%,45% 57%,42% 31%,39% 72%,36% 42%,33% 63%,30% 28%,27% 89%,24% 40%,21% 56%,18% 24%,15% 68%,12% 45%,9% 81%,6% 33%,3% 65%,0 52%)}
.wave-b{background:#8da0a0;clip-path:polygon(0 48%,5% 43%,10% 64%,15% 31%,20% 55%,25% 46%,30% 69%,35% 38%,40% 59%,45% 33%,50% 66%,55% 42%,60% 56%,65% 29%,70% 72%,75% 45%,80% 61%,85% 36%,90% 68%,95% 42%,100% 50%,100% 56%,95% 58%,90% 32%,85% 64%,80% 39%,75% 55%,70% 28%,65% 71%,60% 44%,55% 58%,50% 34%,45% 67%,40% 41%,35% 62%,30% 31%,25% 54%,20% 45%,15% 69%,10% 36%,5% 57%,0 52%)}
.wave-c{background:#977766;clip-path:polygon(0 48%,4% 28%,8% 71%,12% 37%,16% 61%,20% 17%,24% 73%,28% 45%,32% 65%,36% 29%,40% 79%,44% 41%,48% 55%,52% 22%,56% 68%,60% 38%,64% 73%,68% 48%,72% 31%,76% 63%,80% 18%,84% 69%,88% 43%,92% 59%,96% 35%,100% 50%,100% 54%,96% 65%,92% 41%,88% 57%,84% 31%,80% 82%,76% 37%,72% 69%,68% 52%,64% 27%,60% 62%,56% 32%,52% 78%,48% 45%,44% 59%,40% 21%,36% 71%,32% 35%,28% 55%,24% 27%,20% 83%,16% 39%,12% 63%,8% 29%,4% 72%,0 52%)}
.sound-meter{position:absolute;right:24px;top:28px;bottom:28px;width:24px;display:flex;align-items:end;gap:2px}.sound-meter i{flex:1;background:#6f756a;height:var(--mh,40%);transition:height .22s ease}.sound-meter i:nth-child(1){--mh:38%}.sound-meter i:nth-child(2){--mh:58%}.sound-meter i:nth-child(3){--mh:73%}.sound-meter i:nth-child(4){--mh:49%}.sound-meter i:nth-child(5){--mh:82%}.sound-meter i:nth-child(6){--mh:63%}.sound-meter i:nth-child(7){--mh:44%}.sound-meter i:nth-child(8){--mh:68%}

/* Focused tabs */
.hero-viewer-tab{transition:background .2s,color .2s}.hero-viewer-tab.active{background:#23241f;color:#f1e9de}

/* ============================================================
   V5 HOME PROCESS PREVIEW — real workflow preview, no generic art
   ============================================================ */
.home-process-preview{padding:126px 0 132px}.process-preview-grid{align-items:center}
.mini-workspace{min-height:500px;display:grid;grid-template-rows:58px 1fr;box-shadow:0 20px 70px rgba(0,0,0,.18)}
.mini-tabs{height:58px;align-items:stretch;padding:0}.mini-tab{flex:1;padding:0 14px;display:grid;place-items:center;border-right:1px solid var(--line-dark);border-bottom:0;position:relative}.mini-tab:last-child{border-right:0}.mini-tab.active{background:#20211c;border-bottom:0;color:#fff}.mini-tab.active::after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:1px;background:#d7cabc}
.mini-stage{height:auto;min-height:440px;position:relative}.mini-stage::before{display:none!important}
.mini-panel{position:absolute;inset:0;padding:28px 30px 34px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .38s,visibility .3s}.mini-panel.active{opacity:1;visibility:visible;transform:none}.mini-panel>strong{position:absolute;left:30px;bottom:34px;font-family:var(--serif);font-size:32px;font-weight:400}.mini-panel>small{position:absolute;left:30px;bottom:18px;font-size:6px;letter-spacing:.16em;text-transform:uppercase;color:#7f7b73}

.mini-edit{display:grid;grid-template-rows:1fr 116px;gap:14px}.mini-viewer{border:1px solid #292a25;position:relative;overflow:hidden;background:#0b0c0a}.mini-viewer-box{position:absolute;top:18%;bottom:18%;border:1px solid rgba(255,255,255,.1)}.mini-viewer-box.a{left:8%;width:43%;background:linear-gradient(145deg,#1f201c 0 42%,#79766d 43% 62%,#2f4147 63%)}.mini-viewer-box.b{right:8%;width:34%;background:linear-gradient(45deg,#1b1d1a 0 52%,#a58f72 53% 72%,#3f4944 73%)}.mini-viewer>span{position:absolute;right:12px;top:10px;font-size:5.5px;letter-spacing:.18em;color:#706d66}.mini-timeline{border:1px solid #292a25;padding:9px;display:grid;gap:7px;background:#0a0b09}.mini-track{display:flex;gap:2px;position:relative}.mini-track i{height:30px;flex:1;background:#485047}.mini-track i:nth-child(2){background:#786d5d}.mini-track i:nth-child(3){background:#31464d}.mini-track i:nth-child(4){background:#58483f}.mini-track b{position:absolute;left:46%;top:-4px;bottom:-4px;width:1px;background:#eee6d9}.mini-track.audio i{height:12px;background:#777168;clip-path:polygon(0 50%,15% 12%,26% 70%,39% 30%,51% 83%,64% 21%,80% 69%,100% 50%)}

.mini-color{display:grid;grid-template-columns:1fr 170px;gap:15px;padding-bottom:70px}.mini-grade{border:1px solid #292a25;position:relative;overflow:hidden;background:#151613}.mini-grade-base,.mini-grade-after{position:absolute;inset:0}.mini-grade-base::before,.mini-grade-after::before{content:"";position:absolute;inset:0;background:linear-gradient(#747b78 0 47%,#4a4d43 48%)}.mini-grade-base i,.mini-grade-after i{position:absolute;width:18%;height:46%;left:52%;bottom:12%;background:#252824;clip-path:polygon(42% 0,59% 0,67% 27%,76% 100%,24% 100%,34% 28%);z-index:2}.mini-grade-base{filter:saturate(.45) contrast(.9)}.mini-grade-after{clip-path:inset(0 0 0 50%);filter:saturate(1.16) contrast(1.08)}.mini-grade-after::before{background:linear-gradient(#70898d 0 47%,#55654a 48%)}.mini-grade>b{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#eee6da}.mini-grade>span{position:absolute;top:10px;font-size:5.5px;letter-spacing:.16em;color:#e2d9cd}.mini-grade>.l{left:10px}.mini-grade>.r{right:10px}.mini-controls{border:1px solid #292a25;padding:22px 14px;display:grid;grid-template-columns:1fr;align-content:center;gap:10px}.mini-controls span{font-size:5.5px;letter-spacing:.12em;color:#8e887f;text-transform:uppercase}.mini-controls i{height:2px;background:linear-gradient(90deg,#cfc5b5 0 var(--v),#33342f var(--v));position:relative}.mini-controls i::after{content:"";position:absolute;left:var(--v);top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#e9e0d3}

.mini-sound{display:grid;grid-template-columns:1fr 80px;gap:16px;padding-bottom:70px}.mini-sound-board{border:1px solid #292a25;padding:18px;display:grid;gap:9px}.mini-sound-board>div{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:10px;border-bottom:1px solid #22231f;padding-bottom:8px}.mini-sound-board>div:last-child{border-bottom:0}.mini-sound-board span{font-size:5.5px;letter-spacing:.12em;color:#827e76}.mw{height:29px;display:block;background:#aa9f91}.w1{clip-path:polygon(0 48%,5% 25%,10% 68%,15% 36%,20% 78%,25% 43%,30% 62%,35% 18%,40% 73%,45% 38%,50% 61%,55% 27%,60% 69%,65% 44%,70% 72%,75% 31%,80% 64%,85% 39%,90% 71%,95% 27%,100% 50%,100% 56%,95% 73%,90% 29%,85% 61%,80% 36%,75% 69%,70% 28%,65% 56%,60% 31%,55% 73%,50% 39%,45% 62%,40% 27%,35% 82%,30% 38%,25% 57%,20% 22%,15% 64%,10% 32%,5% 75%,0 52%)}.w2{background:#71868a;transform:scaleY(.72)}.w3{background:#8b6d5d;transform:scaleY(.88)}.mini-faders{border:1px solid #292a25;display:flex;justify-content:space-around;align-items:center;padding:18px 10px}.mini-faders i{width:2px;height:75%;background:#33342f;position:relative}.mini-faders i::after{content:"";position:absolute;left:50%;bottom:var(--f);transform:translate(-50%,50%);width:18px;height:5px;background:#cfc5b5;border:1px solid #e9dfd1}

.mini-finish{padding-bottom:70px}.mini-delivery{border:1px solid #292a25;max-width:620px;margin:8px auto 0}.mini-delivery>div{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #292a25;font-size:6px;letter-spacing:.16em;color:#8c877e}.mini-delivery>div b{color:#d7cdbd;font-weight:400;font-size:10px}.mini-delivery>div:last-child{border-bottom:0}.mini-output{background:#e4ddd2!important;color:#141412!important}.mini-output strong{font-size:8px;letter-spacing:.18em}

@media(max-width:1100px){
  .hero-viewer{min-height:540px;grid-template-rows:46px minmax(330px,1fr) 56px 50px}.hero-viewer-stage{min-height:350px}.process-preview-grid{grid-template-columns:1fr;gap:56px}.mini-workspace{min-height:480px}
}
@media(max-width:720px){
  .hero-mode{padding:20px}.hero-mode-caption{left:20px;bottom:20px}.hero-mode-caption strong{font-size:23px}.cut-screen,.image-frame,.sound-monitor{left:5%;right:5%;top:7%}.cut-screen{bottom:29%;grid-template-columns:1fr 1fr}.cut-shot.shot-c{display:none}.cut-strip{left:5%;right:5%;bottom:17%}.sound-monitor{padding:18px 42px 18px 13px}.sound-row{grid-template-columns:54px 1fr 34px;gap:7px}.sound-row>span{font-size:4.7px}.sound-meter{right:13px;top:18px;bottom:18px}.image-data{display:none}.mini-workspace{min-height:430px}.mini-stage{min-height:370px}.mini-panel{padding:18px 16px 30px}.mini-panel>strong{left:16px;bottom:28px;font-size:27px}.mini-panel>small{left:16px;bottom:12px}.mini-color{grid-template-columns:1fr 110px}.mini-controls{padding:14px 9px}.mini-sound{grid-template-columns:1fr 60px}.mini-sound-board>div{grid-template-columns:50px 1fr}.mini-tabs{height:52px}
}

/* ============================================================
   V6 HOME — purposeful micro-interactions, no redundant scrubber
   ============================================================ */
.hero-viewer{min-height:620px;grid-template-rows:48px minmax(440px,1fr) 56px}
.hero-viewer-stage{min-height:440px}
.hero-scrub{display:none!important}
.hero-mode{padding:28px}
.hero-mode-caption{left:28px;bottom:24px;z-index:10;padding:12px 15px 13px;background:rgba(7,8,7,.88);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);min-width:210px}
.hero-mode-caption span{font-size:7px;color:#c0b8ac;opacity:.9}
.hero-mode-caption strong{font-size:31px;color:#f4ede2;letter-spacing:-.025em}
.home-mode-tools{position:absolute;right:28px;bottom:24px;z-index:10;display:flex;border:1px solid #34352f;background:rgba(10,11,9,.9)}
.mode-tool{border:0;border-right:1px solid #34352f;background:transparent;color:#827d74;min-width:86px;padding:13px 12px;font-size:6.5px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.mode-tool:last-child{border-right:0}.mode-tool:hover{color:#eee6da}.mode-tool.active{background:#25261f;color:#fff}
.home-mode-note{position:absolute;right:28px;bottom:28px;color:#aaa398;font-size:6px;letter-spacing:.16em;text-transform:uppercase;z-index:10}

/* CUT micro interaction */
.hero-mode-cut .cut-screen{bottom:21%}
.hero-mode-cut[data-state="select"] .shot-b{opacity:1;filter:none;transform:scale(1.012)}
.hero-mode-cut[data-state="select"] .shot-a,.hero-mode-cut[data-state="select"] .shot-c{opacity:.42;filter:saturate(.45) brightness(.74)}
.hero-mode-cut[data-state="pace"] .cut-screen{grid-template-columns:.72fr 1.5fr .78fr}
.hero-mode-cut[data-state="pace"] .cut-shot{opacity:.86}.hero-mode-cut[data-state="pace"] .shot-b{filter:saturate(.9) brightness(1.03)}
.hero-mode-cut[data-state="continuity"] .cut-shot{opacity:.86;filter:saturate(.56) contrast(1.05)}
.hero-mode-cut[data-state="continuity"] .cut-safe-frame{inset:13% 8%;border-color:rgba(238,230,218,.32)}

/* IMAGE click states */
.hero-mode-image .image-frame{bottom:21%}
.hero-mode-image[data-state="base"] .image-scene.grade{clip-path:inset(0 0 0 100%)}
.hero-mode-image[data-state="base"] .image-split-line{opacity:0}.hero-mode-image[data-state="base"] .image-label-right{opacity:.3}
.hero-mode-image[data-state="balance"] .image-scene.grade{clip-path:inset(0 0 0 50%)}
.hero-mode-image[data-state="balance"] .image-split-line{left:50%;opacity:1}
.hero-mode-image[data-state="finish"] .image-scene.grade{clip-path:inset(0 0 0 0)}
.hero-mode-image[data-state="finish"] .image-split-line{opacity:0}.hero-mode-image[data-state="finish"] .image-label-left{opacity:.3}
.image-scene.grade,.image-split-line,.image-label{transition:clip-path .45s cubic-bezier(.2,.8,.2,1),left .45s cubic-bezier(.2,.8,.2,1),opacity .25s}

/* SOUND rows are the interaction */
.hero-mode-sound .sound-monitor{bottom:21%;padding-bottom:22px}
.sound-row{appearance:none;width:100%;border-left:0;border-right:0;border-top:0;background:transparent;text-align:left;cursor:pointer;transition:background .2s,color .2s,opacity .2s;padding:0 8px}
.sound-row:hover{background:rgba(255,255,255,.025);color:#c8c0b5}
.sound-row.active{background:#20211c;color:#eee6da}.sound-row.active .wave{opacity:1;transform:scaleY(1.12)}.sound-row:not(.active){opacity:.56}

/* ============================================================
   V6 HOME PROCESS — workflow map instead of repeating the UI above
   ============================================================ */
.home-process-preview{padding:132px 0 142px}.process-preview-grid{grid-template-columns:.72fr 1.28fr;gap:88px;align-items:center}
.workflow-map{border:1px solid #2c2d28;background:#0f100e;min-height:520px;box-shadow:0 20px 70px rgba(0,0,0,.18);display:grid;grid-template-rows:50px auto 1fr 42px;overflow:hidden}
.workflow-map-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #292a25;color:#807b72;font-size:6.5px;letter-spacing:.18em;text-transform:uppercase}
.workflow-track{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;padding:20px 20px 18px;border-bottom:1px solid #292a25}
.workflow-node{border:1px solid #2f302b;background:#11120f;color:#77736b;min-height:80px;padding:12px 13px;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;cursor:pointer;transition:background .22s,border-color .22s,color .22s,transform .22s}
.workflow-node:hover{transform:translateY(-2px);color:#d6cec2;border-color:#484941}.workflow-node.active{background:#23241f;color:#f1e9de;border-color:#4b4b43}
.workflow-node span{grid-row:1/3;font-size:7px;letter-spacing:.15em;color:#9b958b;padding-top:2px}.workflow-node strong{font-family:var(--serif);font-size:21px;font-weight:400;line-height:1}.workflow-node small{font-size:6px;letter-spacing:.15em;text-transform:uppercase;color:#827d74;margin-top:5px}
.workflow-link{height:1px;background:#363731;position:relative}.workflow-link::after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-top:1px solid #666159;border-right:1px solid #666159;transform:rotate(45deg)}
.workflow-detail{display:grid;grid-template-columns:1.2fr .8fr;min-height:282px}
.workflow-visuals{position:relative;border-right:1px solid #292a25;overflow:hidden;background:#0b0c0a}.workflow-visual{position:absolute;inset:24px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .4s,visibility .3s}.workflow-visual.active{opacity:1;visibility:visible;transform:none}
.workflow-copy{padding:34px 30px;display:flex;flex-direction:column;justify-content:center}.workflow-copy>span{font-size:6.5px;letter-spacing:.19em;text-transform:uppercase;color:#8a857c}.workflow-copy>strong{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.05;margin:12px 0 16px}.workflow-copy p{font-size:11.5px;line-height:1.72;color:#aaa398;margin:0}
.workflow-foot{display:flex;align-items:center;gap:13px;padding:0 18px;border-top:1px solid #292a25;color:#6f6b64;font-size:6px;letter-spacing:.18em}.workflow-progress{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.workflow-progress i{height:2px;background:#2e2f2a;transition:background .25s}.workflow-progress i.active{background:#d7cbbb}
/* Edit visual */
.workflow-visual[data-workflow-visual="edit"]{display:grid;grid-template-columns:1.1fr .65fr 1.25fr .8fr;gap:4px;align-content:center}.flow-clip{height:72px;background:#4d5149;border:1px solid rgba(255,255,255,.08)}.flow-clip.c2{background:#807565}.flow-clip.c3{background:#354a52}.flow-clip.c4{background:#614d42}.flow-playhead{position:absolute;left:52%;top:26%;bottom:26%;width:1px;background:#eee5d8}.flow-playhead::before{content:"";position:absolute;left:-4px;top:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #eee5d8}
/* Color visual */
.workflow-visual[data-workflow-visual="color"]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}.tone{display:block;border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,#5c625f 0 47%,#363b34 48%)}.tone.t2{background:linear-gradient(160deg,#718182 0 47%,#4f6047 48%)}.tone.t3{background:linear-gradient(160deg,#819397 0 47%,#6f5b47 48%)}.tone-line{position:absolute;left:50%;top:11%;bottom:11%;width:1px;background:rgba(238,230,218,.5)}
/* Sound visual */
.workflow-visual[data-workflow-visual="sound"]{display:flex;flex-direction:column;justify-content:center;gap:18px}.flow-wave{height:34px;background:repeating-linear-gradient(90deg,#bdb4a7 0 2px,transparent 2px 7px);mask-image:linear-gradient(180deg,transparent 6%,#000 44%,#000 56%,transparent 94%);opacity:.8}.flow-wave.w2{transform:scaleY(.65);background:repeating-linear-gradient(90deg,#71898b 0 2px,transparent 2px 9px)}.flow-wave.w3{transform:scaleY(.8);background:repeating-linear-gradient(90deg,#8d6f60 0 2px,transparent 2px 6px)}
/* Finish visual */
.workflow-visual[data-workflow-visual="finish"]{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}.finish-check{border:1px solid #30312c;padding:17px;color:#aaa398;font-size:7px;letter-spacing:.16em;display:flex;justify-content:space-between}.finish-check b{color:#ddd3c4}.finish-ready{grid-column:1/-1;border:1px solid #4a4b43;background:#22231e;padding:18px;text-align:center;font-family:var(--serif);font-size:25px;color:#efe7db}

@media(max-width:980px){
  .hero-viewer{min-height:520px;grid-template-rows:44px minmax(350px,1fr) 50px}.hero-viewer-stage{min-height:350px}.hero-mode-caption{left:18px;bottom:18px;min-width:180px}.hero-mode-caption strong{font-size:24px}.home-mode-tools{right:18px;bottom:18px}.mode-tool{min-width:68px;padding:11px 8px;font-size:5.8px}.home-mode-note{right:18px;bottom:20px}.process-preview-grid{grid-template-columns:1fr;gap:48px}.workflow-map{min-height:480px}
}
@media(max-width:680px){
  .home-mode-tools{left:18px;right:18px;bottom:16px}.mode-tool{flex:1;min-width:0}.hero-mode-caption{bottom:72px}.home-mode-note{display:none}.cut-screen,.image-frame,.sound-monitor{bottom:31%!important}.workflow-track{grid-template-columns:1fr;gap:6px}.workflow-link{height:14px;width:1px;justify-self:center}.workflow-link::after{right:-2px;top:auto;bottom:0;transform:rotate(135deg)}.workflow-node{min-height:58px;grid-template-columns:30px 1fr}.workflow-detail{grid-template-columns:1fr}.workflow-visuals{min-height:220px;border-right:0;border-bottom:1px solid #292a25}.workflow-copy{padding:25px 22px}.workflow-map{grid-template-rows:46px auto auto 40px}
}