:root{color-scheme:light;--paper:#eeede8;--ink:#21231f;--muted:#62645c;--line:#c6c8bd;--accent:#d5ed88}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #4c6822;outline-offset:5px}.shell{max-width:1600px;margin:auto;padding:0 4.3%}header{display:flex;align-items:center;gap:50px;min-height:116px;border-bottom:1px solid var(--ink)}.brand{font-size:23px;line-height:.95;font-weight:600;letter-spacing:-1.2px;white-space:nowrap}.brand span{display:block;font-size:10px;font-weight:400;letter-spacing:6.2px;margin-top:10px}.header-note{font-size:11px;color:var(--muted)}nav{margin-left:auto;display:flex;gap:38px;font-size:12px}nav a{padding:15px 0}.edition{display:flex;justify-content:space-between;letter-spacing:.13em;font-size:10px;margin:29px 0 36px}h1{position:relative;font:clamp(48px,7.9vw,124px)/.99 Georgia,serif;letter-spacing:-.065em;font-weight:400;margin:0}h1 em{font-weight:400;color:#6b7162}.star{position:absolute;right:3%;top:17%;font:100px/1 Arial;color:#8b9872;letter-spacing:0}.intro-bottom{display:grid;grid-template-columns:1fr 1fr 55px;align-items:end;gap:30px;margin:40px 0 52px}.micro{font-size:9px;letter-spacing:.13em;color:var(--muted)}.intro-bottom p{margin:0;font-size:13px;line-height:1.7}.down{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:23px}.down:hover{background:var(--accent)}.section-label{border-top:1px solid var(--ink);padding:17px 0;display:flex;justify-content:space-between;gap:20px;align-items:baseline}.section-label h2{font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin:0}.section-label>span{font-size:10px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.action-card{position:relative;isolation:isolate;overflow:hidden;min-height:255px;display:flex;flex-direction:column;justify-content:space-between;padding:22px 24px;background:#e1e2da;transition:background .25s,transform .25s}.action-card:hover{background:#d8dfc7;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:center;z-index:2}.card-top>span:first-child{font-size:9px;letter-spacing:.12em}.arrow{font-size:24px;line-height:1;transition:transform .25s}.action-card:hover .arrow{transform:translate(3px,-3px)}.card-bottom{position:relative;z-index:2}.card-bottom h3{font:34px/1.15 Georgia,serif;letter-spacing:-1.2px;font-weight:400;margin:0 0 8px}.card-bottom p{font-size:11px;margin:0;color:#4f5349}.motif{position:absolute;right:35px;top:37px;font:100px/1 Georgia,serif;color:#b1b8a4;z-index:-1;transform:rotate(-12deg)}.card-1{background:#d8ddd8}.card-2{background:#e6e3db}.card-2 .motif{font-size:45px;letter-spacing:3px;top:68px;transform:scaleY(.6)}.card-3{background:#dfe2d4}.card-4{background:#e5e0d9}.card-4 .motif{font-size:95px;letter-spacing:-9px;color:#c2bdb1;transform:none}.card-5{background:#22271f;color:#f0f1e9}.card-5:hover{background:#35402a}.card-5 .card-bottom p{color:#c1c9b8}.card-5 .card-top{color:#d5ed88}.card-5 .motif{color:#5c6b4f;transform:none}.status{display:inline-block;font-size:8px;letter-spacing:.12em;color:#d5ed88;margin-top:12px}.closing{padding:65px 0;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start}.closing p{font:31px/1.25 Georgia,serif;letter-spacing:-1px;margin:0}.closing em{color:#6b7162}.closing-note{font-size:11px;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:22px 0 30px;font-size:9px;color:var(--muted)}.skip{position:fixed;top:-100px;padding:10px;background:var(--accent);z-index:20}.skip:focus{top:10px}.detail{min-height:75vh;padding:75px 0;max-width:900px}.detail h1{margin:40px 0;font-size:clamp(48px,7vw,90px)}.detail>p:not(.micro){max-width:570px;color:var(--muted);line-height:1.8}.pending{margin:50px 0 35px;padding:24px 0;border-block:1px solid var(--line);font-size:13px;color:var(--muted)}.back{display:inline-block;padding:13px 22px;background:var(--ink);color:var(--paper);font-size:12px}.related{margin:35px 0 0;gap:24px;flex-wrap:wrap}.related a:hover{text-decoration:underline}.document{max-width:800px;margin:auto;padding:70px 6%}.document h1{margin:45px 0}.document p{color:var(--muted)}.button{display:inline-block;margin:30px 0;padding:15px;background:var(--ink);color:var(--paper)}@media(max-width:850px){.header-note{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.star{font-size:65px}.closing{grid-template-columns:1fr 2fr}.closing-note{grid-column:2}}@media(max-width:520px){.shell{padding:0 6%}header{min-height:98px;gap:16px}.brand{font-size:18px}.brand span{font-size:8px;letter-spacing:4.5px}nav{gap:16px;font-size:10px}.edition{font-size:8px;letter-spacing:.06em;margin:24px 0 38px}.edition span:last-child{display:none}h1{font-size:clamp(42px,10vw,54px)}.star{font-size:32px;right:0;top:-20px}.intro-bottom{grid-template-columns:1fr 42px;margin:28px 0 38px;gap:20px}.intro-bottom .micro{display:none}.intro-bottom p{font-size:12px}.down{width:40px;height:40px}.section-label>span{display:none}.grid{gap:9px}.action-card{min-height:210px;padding:16px 13px}.card-top>span:first-child{font-size:8px}.card-bottom h3{font-size:25px;letter-spacing:-.8px}.card-bottom p{font-size:10px;max-width:150px}.motif{font-size:70px;right:20px;top:50px}.card-2 .motif{font-size:27px;letter-spacing:1px;right:0}.card-4 .motif{font-size:70px}.closing{padding:42px 0;display:block}.closing p{margin-top:20px;font-size:28px}.closing-note{display:block;margin-top:20px}footer span:nth-child(2){display:none}}@media(max-width:350px){.grid{grid-template-columns:1fr}.action-card{min-height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action-card,.arrow{transition:none}.action-card:hover{transform:none}}
/* Dark editorial identity */
:root{color-scheme:dark;--paper:#111411;--ink:#eeeee5;--muted:#abb2a4;--line:#353c32;--accent:#d1e4a5}
.brand span{margin-top:4px;letter-spacing:5.8px;font-size:10px}
h1 em,.closing em{color:#a6b895}.star{color:#92a67a}.down:hover{color:#111411}.skip{color:#111411}.action-card{background:#1c221b}.action-card:hover{background:#2b3526}.card-top>span:first-child{text-transform:uppercase;color:#b4c3a5}.card-bottom p{color:#b6bdb0}.motif{color:#424d3a}.medium-audio{background:#20251f}.medium-photography{background:#1b211e}.medium-film{background:#202522}.medium-copywriting{background:#262720}.medium-copywriting .motif{letter-spacing:-8px;transform:none;color:#4e503e}.medium-client-portal{background:#ceddb7;color:#20281a}.medium-client-portal:hover{background:#deebc9}.medium-client-portal .card-top>span:first-child,.medium-client-portal .card-bottom p{color:#46543b}.medium-client-portal .motif{color:#a2b78a;transform:none}.medium-client-portal .status{color:#3f512e}.section-tag{font:italic 28px/1.4 Georgia,serif;color:#b9c7aa!important}.detail{max-width:none}.detail>h1{margin-bottom:20px}.collections{margin:65px 0 35px;max-width:1100px}.collection{border-bottom:1px solid var(--line)}.collection summary{display:flex;justify-content:space-between;align-items:center;padding:27px 5px;cursor:pointer;list-style:none;gap:20px}.collection summary::-webkit-details-marker{display:none}.collection summary>span:first-child{display:grid;grid-template-columns:30px 1fr;gap:5px 16px;align-items:center}.collection-icon{grid-row:1/3;font-size:25px;color:#a6b895}.collection strong{font:30px/1.25 Georgia,serif;font-weight:400}.collection small{font-size:11px;color:var(--muted)}.collection-expand{font-size:22px;color:#b4c3a5;transition:transform .2s}.collection[open] .collection-expand{transform:rotate(45deg)}.collection summary:hover strong{color:#d1e4a5}.collection summary:focus-visible{outline:2px solid #d1e4a5;outline-offset:3px}.collection-body{padding:0 50px 28px;color:var(--muted);font-size:13px;max-width:900px}.empty-note,.portfolio-note{font-size:11px;color:var(--muted)}.portfolio-note{margin-top:23px}.pieces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pieces article{padding:24px;background:#1c221b}.pieces a{color:#d1e4a5}a:focus-visible{outline-color:#c5dca6}@media(max-width:520px){.brand span{font-size:8px;letter-spacing:4.5px;margin-top:3px}.collection strong{font-size:24px}.collection summary>span:first-child{grid-template-columns:22px 1fr;gap:5px 10px}.collection-body{padding-left:37px}.pieces{grid-template-columns:1fr}.medium-copywriting .motif{font-size:70px}}@media(prefers-reduced-motion:reduce){.collection-expand{transition:none}}
/* Restrained signature centered independently of the navigation */
header{position:relative}.header-note{display:none}.mountain-signature{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(115px,16vw,220px);height:auto;pointer-events:none;color:#a8b699}.mountain-signature path{stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.mountain-signature .mountain-fold{opacity:.45;stroke-width:.8}.closing-note{line-height:1.8}@media(max-width:1000px){.mountain-signature{width:100px}}@media(max-width:650px){header{min-height:126px;align-items:flex-start;padding-top:25px}.mountain-signature{width:85px;top:auto;bottom:12px;transform:translateX(-50%)}header nav{padding-top:0}header nav a{padding-top:0}}
/* Scroll choreography and luminous perimeter */
.action-card{--edge-a:#a9bf86;--edge-b:#6b918d;--reveal-delay:0ms;border:1px solid transparent;background-clip:padding-box;transition:transform .4s,background .4s,box-shadow .4s,opacity .6s;box-shadow:inset 0 0 0 1px #c5dfa508}
.action-card::before{content:'';position:absolute;inset:0;padding:1px;background:linear-gradient(125deg,transparent 10%,var(--edge-a) 35%,transparent 55%,var(--edge-b) 78%,transparent);background-size:220% 220%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.5;animation:edge-drift 9s ease-in-out infinite}
.medium-audio{--edge-a:#a4bfc4;--edge-b:#a7abcf}.medium-photography{--edge-a:#c9bc9f;--edge-b:#8eb8a2}.medium-film{--edge-a:#a9a7ca;--edge-b:#78a9a9}.medium-copywriting{--edge-a:#ccb69b;--edge-b:#b6bd85}.medium-client-portal{--edge-a:#f1ffd7;--edge-b:#7d9a65}
.action-card:hover,.action-card:focus-visible{box-shadow:0 10px 32px #0003,inset 0 0 24px #bad99607}.action-card:hover::before,.action-card:focus-visible::before{opacity:1}
.action-card.waiting{opacity:0;transform:translateY(38px) scale(.97)}.action-card.revealed{animation:card-arrive .85s cubic-bezier(.16,1,.3,1) var(--reveal-delay) both}.action-card .motif{transform-origin:center;animation:symbol-float 7s ease-in-out infinite;will-change:transform}.medium-audio .motif{animation:sound-breathe 3.6s ease-in-out infinite}.medium-advertising .motif{animation:orbit-turn 22s linear infinite}.medium-film .motif{animation:film-glide 6s ease-in-out infinite}.medium-copywriting .motif{animation:type-breathe 6s ease-in-out infinite}.medium-client-portal .motif{animation:portal-turn 12s ease-in-out infinite}
@keyframes card-arrive{from{opacity:0;translate:0 38px;scale:.97;filter:blur(5px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}
@keyframes edge-drift{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
@keyframes symbol-float{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-7px) rotate(-5deg)}}
@keyframes sound-breathe{0%,100%{transform:scaleY(.55);opacity:.65}50%{transform:scaleY(.9);opacity:1}}
@keyframes orbit-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes film-glide{0%,100%{transform:translateX(0) rotate(-12deg)}50%{transform:translateX(-8px) rotate(-6deg)}}
@keyframes type-breathe{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(-5px);opacity:1}}
@keyframes portal-turn{0%,35%,100%{transform:rotate(0)}65%,85%{transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.action-card,.action-card.revealed,.action-card::before,.action-card .motif{animation:none!important;transition:none!important;will-change:auto}.action-card.waiting{opacity:1;transform:none}}
/* Reveals reflect the medium */
.medium-advertising .motif{width:100px;height:100px;top:46px;right:35px;animation:none;transform:none}.broadcast-ring,.broadcast-core{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.broadcast-ring{width:22px;height:22px;border:1px solid #a9bf86;animation:broadcast-pulse 4s ease-out infinite}.broadcast-ring:nth-child(2){animation-delay:1.33s}.broadcast-ring:nth-child(3){animation-delay:2.66s}.broadcast-core{width:7px;height:7px;background:#a9bf86;opacity:.8}@keyframes broadcast-pulse{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}12%{opacity:.85}100%{transform:translate(-50%,-50%) scale(4.5);opacity:0}}
.medium-client-portal .motif{width:100px;height:100px;top:40px;right:30px;animation:none;perspective:200px}.portal-orbit{position:absolute;inset:7px 24px;border:1px solid #718c56;border-radius:50%;box-shadow:0 0 8px #5c7a3922,inset 0 0 6px #5c7a391a;animation:portal-orbit 8s linear infinite}.portal-orbit:nth-child(2){inset:17px 15px;animation-direction:reverse;animation-duration:11s}.portal-center{position:absolute;inset:30px 34px;border-radius:50%;background:radial-gradient(ellipse,#617d4655,transparent 70%);animation:portal-depth 4s ease-in-out infinite}@keyframes portal-orbit{0%{transform:rotate(-20deg) rotateY(0)}100%{transform:rotate(340deg) rotateY(360deg)}}@keyframes portal-depth{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
.medium-photography::after{content:'';position:absolute;inset:0;background:#f3f1e0;opacity:0;pointer-events:none;z-index:4}.medium-photography.revealed::after{animation:shutter-flash .85s ease-out var(--reveal-delay) both}@keyframes shutter-flash{0%,15%{opacity:0}23%{opacity:.33}35%,100%{opacity:0}}
.medium-copywriting.revealed .card-bottom h3,.medium-copywriting.revealed .card-bottom p{width:max-content;max-width:100%;clip-path:inset(0 100% 0 0);animation:type-reveal 1.2s steps(11,end) calc(var(--reveal-delay) + .2s) forwards}.medium-copywriting.revealed .card-bottom p{animation-duration:1.6s;animation-timing-function:steps(29,end);animation-delay:calc(var(--reveal-delay) + 1.15s)}@keyframes type-reveal{to{clip-path:inset(0 0 0 0)}}
.medium-film.revealed{animation:film-arrive 1s cubic-bezier(.16,1,.3,1) var(--reveal-delay) both}@keyframes film-arrive{from{opacity:0;clip-path:inset(45% 0);translate:0 16px}to{opacity:1;clip-path:inset(0);translate:0 0}}
.medium-audio.revealed{animation:audio-arrive .95s ease-out var(--reveal-delay) both}@keyframes audio-arrive{0%{opacity:0;translate:0 25px;filter:blur(4px)}55%{opacity:1;translate:0 -2px;filter:blur(0)}100%{opacity:1;translate:0 0;filter:blur(0)}}
.medium-client-portal.revealed{animation:portal-arrive 1s cubic-bezier(.16,1,.3,1) var(--reveal-delay) both}@keyframes portal-arrive{from{opacity:0;scale:.88;filter:blur(6px)}to{opacity:1;scale:1;filter:blur(0)}}
@media(max-width:650px){header{min-height:98px;align-items:center;padding-top:0}header nav a{padding-top:15px}}@media(max-width:520px){.medium-advertising .motif,.medium-client-portal .motif{width:75px;height:75px;top:45px;right:17px}.portal-orbit{inset:5px 18px}.portal-orbit:nth-child(2){inset:12px 10px}.portal-center{inset:22px 24px}.medium-copywriting .card-bottom p{white-space:normal}}@media(prefers-reduced-motion:reduce){.broadcast-ring,.portal-orbit,.portal-center,.medium-photography.revealed::after,.medium-copywriting.revealed .card-bottom h3,.medium-copywriting.revealed .card-bottom p{animation:none!important}.broadcast-ring{width:65px;height:65px;opacity:.35}.broadcast-ring:nth-child(2){width:40px;height:40px}.broadcast-ring:nth-child(3){width:85px;height:85px}.medium-copywriting.revealed .card-bottom h3,.medium-copywriting.revealed .card-bottom p{clip-path:none}}
/* Obsidian, brushed gold and silver — architectural edition */
:root{--paper:#090909;--ink:#f4f1e9;--muted:#aaa9a5;--line:#39352c;--accent:#d6b46a;color-scheme:dark}body{background:radial-gradient(ellipse at 80% 5%,#b98c3210,transparent 40%),#090909}.shell{border-inline:1px solid #c39b4920}header{border-bottom-color:#b8934b77}.brand{color:#f1eee7}.brand span{color:#d6b46a;letter-spacing:5.8px}.edition{color:#cfb373}.edition span:last-child{color:#a7a7a7}h1 em,.closing em{color:#d1b478}.micro{color:#b9a47a}.intro{position:relative}.intro::after{content:'';position:absolute;top:45px;right:7px;width:65px;height:65px;border-top:1px solid #bd974b66;border-right:1px solid #bd974b66;pointer-events:none}.intro-bottom p{color:#c1c0bc}.down{color:#d9b76b;border-color:#8b713d}.down:hover{background:#d6b46a;color:#090909}.section-label{border-top-color:#8d7446}.section-label h2{color:#d9bb7d;letter-spacing:.16em}.section-label>span{color:#aaa9a5}.grid{gap:15px}.action-card,.medium-audio,.medium-photography,.medium-film,.medium-copywriting,.medium-client-portal{background:linear-gradient(135deg,#1b1a17 0%,#101010 48%,#161616 100%);color:#f0eee7;--edge-a:#d5ad5e;--edge-b:#d5d5cf;border:0;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:inset 0 0 0 1px #8d703a44}.action-card::before{background:linear-gradient(125deg,#8e703a22 8%,#e5c078 30%,#e1e0da44 50%,#a27832 75%,#8e703a22 96%);background-size:220% 220%;opacity:.75}.action-card:hover,.medium-client-portal:hover{background:linear-gradient(135deg,#29251b,#121212 60%,#1e1d19);box-shadow:inset 0 0 0 1px #c7a46488,0 12px 30px #0008}.card-top>span:first-child,.medium-client-portal .card-top>span:first-child{color:#c6a96b}.arrow{color:#d4b372}.card-bottom h3{color:#f1eee5}.card-bottom p,.medium-client-portal .card-bottom p{color:#aaa9a5}.status,.medium-client-portal .status{color:#cbb279}.motif,.medium-copywriting .motif{color:#b7a174}.medium-photography .motif,.medium-film .motif{color:#9b9a90}.broadcast-ring{border-color:#d7b365}.broadcast-core{background:#f5d68e}.portal-orbit{border-color:#d2ad62;box-shadow:0 0 12px #c69d3933,inset 0 0 9px #b5b5b51a}.portal-center{background:radial-gradient(ellipse,#e7c17a77,#bdbdbd16 45%,transparent 72%)}.closing{border-bottom-color:#55452c}.closing-note{color:#b5b3af}.back{background:linear-gradient(110deg,#bc954f,#edcf8d);color:#15120c}.pending,.collection{border-color:#68563666}.collection-icon,.collection-expand{color:#c9a45c}.collection summary:hover strong{color:#e1bd76}.pieces article{background:#171715}.pieces a{color:#dec185}a:focus-visible,.collection summary:focus-visible{outline-color:#e1bd76}.skip{background:#d6b46a;color:#111}.section-tag{color:#ccb27a!important}
/* A recording lane: fluctuating amplitude under a moving playhead. */
.medium-audio .motif{width:150px;height:72px;right:26px;top:58px;animation:none;transform:none;overflow:hidden;border-block:1px solid #8a734130}.daw-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px,#d3b36b15 18px 19px),linear-gradient(transparent calc(50% - .5px),#aeaba633 50%,transparent calc(50% + .5px))}.daw-bars{position:absolute;inset:6px 3px;display:flex;align-items:center;gap:3px}.daw-bars i{flex:1;height:var(--height);min-width:1px;background:linear-gradient(#e5c781,#b6a16b 50%,#c3c2b8);opacity:.7;transform-origin:center;animation:daw-amplitude calc(1.1s + var(--bar)*.025s) ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.13s)}.daw-playhead{position:absolute;top:0;bottom:0;width:1px;background:#f2eee1;box-shadow:0 0 7px #f7d98b;animation:daw-scan 4.5s linear infinite}.daw-playhead::before{content:'';position:absolute;top:0;left:-3px;width:7px;height:5px;background:#e9c57b}@keyframes daw-amplitude{from{transform:scaleY(.45);opacity:.45}to{transform:scaleY(1);opacity:.95}}@keyframes daw-scan{from{left:0}to{left:100%}}
/* One prolonged exposure, then the image resolves like a developing print. */
.medium-photography.revealed::after{animation:photo-exposure 1.85s ease-out var(--reveal-delay) both;background:radial-gradient(ellipse at 55% 35%,#fffdf2,#e2ddca)}@keyframes photo-exposure{0%{opacity:0}10%{opacity:.55}30%{opacity:.43}55%{opacity:.12}78%,100%{opacity:0}}
.medium-photography.revealed .card-bottom,.medium-photography.revealed .card-top{animation:photo-develop 2.1s ease-out var(--reveal-delay) both}.medium-photography.revealed .motif{animation:photo-develop 2.1s ease-out var(--reveal-delay) both,symbol-float 7s ease-in-out calc(var(--reveal-delay) + 2.1s) infinite}@keyframes photo-develop{0%,18%{opacity:.12;filter:blur(8px) contrast(.5);translate:0 4px}50%{opacity:.65;filter:blur(3px) contrast(.8)}100%{opacity:1;filter:blur(0) contrast(1);translate:0 0}}
/* Keep the cinematic crop without replacing the clipped card silhouette. */
.medium-film.revealed{animation:card-arrive 1s cubic-bezier(.16,1,.3,1) var(--reveal-delay) both}.medium-film.revealed .card-bottom{animation:film-arrive 1s ease-out var(--reveal-delay) both}
@media(max-width:520px){.medium-audio .motif{width:100px;height:65px;right:15px;top:50px}.daw-bars{gap:2px}.brand span{letter-spacing:4.5px}}@media(prefers-reduced-motion:reduce){.daw-bars i,.daw-playhead,.medium-photography.revealed .card-bottom,.medium-photography.revealed .card-top,.medium-photography.revealed .motif,.medium-film.revealed .card-bottom{animation:none!important;filter:none;opacity:1;translate:none}.daw-playhead{left:50%}.medium-photography.revealed::after{opacity:0}}

.daw-bars .wave-bar-0{--bar:0;--height:18%}.daw-bars .wave-bar-1{--bar:1;--height:30%}.daw-bars .wave-bar-2{--bar:2;--height:22%}.daw-bars .wave-bar-3{--bar:3;--height:48%}.daw-bars .wave-bar-4{--bar:4;--height:72%}.daw-bars .wave-bar-5{--bar:5;--height:38%}.daw-bars .wave-bar-6{--bar:6;--height:60%}.daw-bars .wave-bar-7{--bar:7;--height:86%}.daw-bars .wave-bar-8{--bar:8;--height:50%}.daw-bars .wave-bar-9{--bar:9;--height:28%}.daw-bars .wave-bar-10{--bar:10;--height:64%}.daw-bars .wave-bar-11{--bar:11;--height:94%}.daw-bars .wave-bar-12{--bar:12;--height:70%}.daw-bars .wave-bar-13{--bar:13;--height:42%}.daw-bars .wave-bar-14{--bar:14;--height:58%}.daw-bars .wave-bar-15{--bar:15;--height:80%}.daw-bars .wave-bar-16{--bar:16;--height:46%}.daw-bars .wave-bar-17{--bar:17;--height:24%}.daw-bars .wave-bar-18{--bar:18;--height:66%}.daw-bars .wave-bar-19{--bar:19;--height:88%}.daw-bars .wave-bar-20{--bar:20;--height:54%}.daw-bars .wave-bar-21{--bar:21;--height:34%}.daw-bars .wave-bar-22{--bar:22;--height:74%}.daw-bars .wave-bar-23{--bar:23;--height:44%}.daw-bars .wave-bar-24{--bar:24;--height:26%}.daw-bars .wave-bar-25{--bar:25;--height:52%}.daw-bars .wave-bar-26{--bar:26;--height:20%}
/* A full-width editorial signature beneath the introductory statements. */
.intro-bottom{grid-template-columns:minmax(0,1fr) 55px;align-items:center;gap:30px 35px;margin-top:38px}.intro-statements{min-width:0}.intro-statements p{font-size:clamp(12px,1.35vw,20px);line-height:1.65;margin:0}.intro-statements p+p{margin-top:5px}.intro-bottom .independent-statement{position:relative;grid-column:1/-1;display:block;width:100%;margin:6px 0 0;padding:10px 0;font:clamp(27px,5.8vw,88px)/1.15 Georgia,serif;letter-spacing:-.025em;color:#ddc38a;text-align:center;background:linear-gradient(108deg,#b18d4b 0%,#dfc28a 25%,#fff5d6 45%,#d7b56d 60%,#b18d4b 100%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.independent-statement.signature-waiting{opacity:0}.independent-statement.signature-revealed{animation:signature-arrive 1.8s ease-out both,signature-glimmer 3s ease-in-out .15s both}.statement-spark{position:absolute;width:5px;height:5px;background:#fff4cf;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;pointer-events:none}.spark-one{left:13%;top:31%}.spark-two{left:53%;top:59%;width:7px;height:7px}.spark-three{right:12%;top:25%}.signature-revealed .statement-spark{animation:signature-spark 1.2s ease-out .6s both}.signature-revealed .spark-two{animation-delay:1s}.signature-revealed .spark-three{animation-delay:1.4s}@keyframes signature-arrive{from{opacity:0;filter:blur(4px);translate:0 8px}to{opacity:1;filter:blur(0);translate:0 0}}@keyframes signature-glimmer{from{background-position:180% 0}to{background-position:0% 0}}@keyframes signature-spark{0%,100%{opacity:0;transform:scale(.2) rotate(0)}35%{opacity:.9;transform:scale(1.4) rotate(45deg)}}@media(max-width:520px){.intro-bottom{grid-template-columns:minmax(0,1fr) 40px;gap:22px 16px}.intro-statements p{font-size:12px}.intro-bottom .independent-statement{font-size:clamp(24px,6.6vw,34px);margin-top:3px;letter-spacing:-.03em}}@media(prefers-reduced-motion:reduce){.independent-statement.signature-waiting{opacity:1}.independent-statement.signature-revealed,.signature-revealed .statement-spark{animation:none!important}.statement-spark{display:none}}
.intro-bottom{position:relative;isolation:isolate}.electric-sparks{position:absolute;inset:-18px 0 auto;width:100%;height:calc(100% - 75px);z-index:-1;pointer-events:none;opacity:.9}.intro-statements,.intro-bottom>.down{position:relative;z-index:1}.intro-statements p{position:relative;text-shadow:0 1px 8px #090909}.independent-statement{z-index:1}@media(max-width:520px){.electric-sparks{opacity:.7;height:calc(100% - 45px)}}@media(prefers-reduced-motion:reduce){.electric-sparks{display:none}}

/* Intro copy condenses from drifting vapor, then catches a brief gold rim light. */
.vapor-copy{position:relative;isolation:isolate}.vapor-headline{font:400 clamp(25px,3.1vw,46px)/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 18px;color:#eeeade}.intro-statements .vapor-description{max-width:730px;font-size:clamp(13px,1.35vw,19px);line-height:1.75;color:#babbb8}.vapor-word{display:inline-block;white-space:nowrap}.vapor-waiting .vapor-word{opacity:0}.vapor-revealed .vapor-word{animation:vapor-condense 2.5s cubic-bezier(.16,.65,.28,1) calc(var(--word,0)*45ms) both,vapor-gold-edge 1.7s ease-out calc(1.8s + var(--word,0)*45ms) both}.vapor-copy::before{content:"";position:absolute;inset:-20px -10px;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 20% 50%,#dedad01c,transparent 55%),radial-gradient(ellipse at 65% 35%,#d6b77b16,transparent 55%);filter:blur(18px)}.vapor-revealed::before{animation:vapor-drift 3.8s ease-out both}
@keyframes vapor-condense{0%{opacity:0;filter:blur(16px);transform:translate(22px,-14px) skewX(-9deg) scale(1.08)}35%{opacity:.35;filter:blur(8px);transform:translate(-6px,5px) skewX(3deg)}70%{opacity:.86;filter:blur(2px);transform:translate(2px,-1px)}100%{opacity:1;filter:blur(0);transform:none}}
@keyframes vapor-gold-edge{0%,100%{text-shadow:0 0 0 transparent}30%{text-shadow:-.5px 0 #f8e8bb, .5px 0 #d6b77b,0 0 8px #dbb86d9c,0 0 20px #d6b77b55}65%{text-shadow:0 0 5px #d6b77b55,0 0 12px #d6b77b22}}
@keyframes vapor-drift{0%{opacity:0;transform:translate(35px,-14px) scale(1.05)}30%{opacity:1}75%{opacity:.35;transform:translate(-14px,8px)}100%{opacity:0;transform:translate(-28px,0)}}
@media(max-width:520px){.vapor-headline{font-size:clamp(25px,6.5vw,34px);margin-bottom:15px}.intro-statements .vapor-description{font-size:13px}}
@media(prefers-reduced-motion:reduce){.vapor-waiting .vapor-word{opacity:1}.vapor-revealed .vapor-word,.vapor-revealed::before{animation:none!important;filter:none;transform:none}.vapor-copy::before{display:none}}

/* A full-height field, with a sparse, low-opacity layer crossing the copy. */
.intro-bottom .electric-sparks{inset:-24px 0 auto;height:calc(100% + 36px);width:100%}.intro-bottom .electric-sparks-front{z-index:2;opacity:.65;pointer-events:none}@media(max-width:520px){.intro-bottom .electric-sparks-front{opacity:.5}}

/* The vapor headline now occupies the original ivory/gold hero position. */
.intro-stage{position:relative;isolation:isolate}.hero-vapor{z-index:1}.intro-stage>.electric-sparks{inset:-24px 0 auto;height:calc(100% + 36px);width:100%}.intro-stage>.electric-sparks-front{z-index:3;opacity:.65;pointer-events:none}@media(max-width:520px){.intro-stage>.electric-sparks-front{opacity:.5}}

/* Sparks begin at the top of the masthead and end with the hero signature. */
.home-shell{position:relative;isolation:isolate}.home-shell>header,.home-shell>main{position:relative;z-index:1}.home-shell>.electric-sparks{inset:0 0 auto;width:100%;height:900px;z-index:0}.home-shell>.electric-sparks-front{z-index:2;opacity:.55;pointer-events:none}@media(max-width:520px){.home-shell>.electric-sparks-front{opacity:.4}}