*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#51302855,transparent 55%),#111319;color:#f6f3ee;font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:24px 6vw;border-bottom:1px solid #ffffff15}header a{color:inherit;text-decoration:none;font-weight:900;letter-spacing:-1px;font-size:24px}header a span{display:block;font-size:10px;letter-spacing:7px}header small{color:#a8a6ac;letter-spacing:2px;font-size:10px}main{max-width:1280px;margin:auto;padding:30px 20px 140px;text-align:center}.eyebrow,.heading>span{color:#ffaf7c;letter-spacing:2px;font-size:11px}h1{font-size:clamp(32px,4.5vw,62px);line-height:1.02;letter-spacing:-2px;margin:14px 0}h1 em{font-style:normal;color:#ff9766}.intro{color:#a9abb5;font-size:17px}.heading{margin-top:28px}.heading h2{font-size:clamp(25px,3vw,36px);margin:10px 0}.heading p{font-size:14px;color:#adb1c0;margin:8px 0}.panel[hidden]{display:none}.stage{position:relative;height:355px;perspective:1100px;overflow:hidden;touch-action:pan-y;outline-offset:-3px}.card{position:absolute;left:50%;top:28px;width:220px;height:290px;margin-left:-110px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:22px;border-radius:22px;border:1px solid #ffffff55;color:#fff;background:linear-gradient(145deg,var(--tone),#171923 90%);box-shadow:inset 0 1px 0 #ffffff70,inset 0 -2px 2px #0008,0 22px 40px #0007;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s;backface-visibility:hidden;overflow:hidden}.card:before{content:"";position:absolute;width:150px;height:150px;right:-35px;top:35px;border:25px solid #ffffff20;border-radius:50%;box-shadow:inset 6px 6px 15px #0005,8px 8px 20px #0005;transform:rotate(-25deg)}.card b{font-size:48px;letter-spacing:-3px;z-index:1}.card h3{font-size:25px;line-height:1.04;margin:auto 0 12px;z-index:1}.card small{font-size:11px;letter-spacing:1px;color:#fff9}.card span{font-size:12px;color:#fff9}.card.active{border-color:#ffd2b0}.controls{display:flex;align-items:center;justify-content:center;gap:24px}.controls button{width:46px;height:46px;color:#fff;border:1px solid #ffffff30;border-radius:50%;background:linear-gradient(145deg,#3b404c,#1d202a);box-shadow:inset 0 1px #ffffff30}.controls output{font-size:12px;color:#aeb4c1;min-width:50px}.ring{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.orbit{perspective:950px}.orbit .card{width:160px;height:245px;margin-left:-80px;top:52px;padding:16px}.orbit .card h3{font-size:21px}.orbit .card b{font-size:38px}nav{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(390px,calc(100% - 32px));height:74px;display:grid;grid-template-columns:repeat(3,1fr);isolation:isolate;z-index:10;--x:16.6667%}.dock-surface{position:absolute;inset:0;z-index:-2;background:linear-gradient(145deg,#353a46,#20232c);border-radius:24px;box-shadow:inset 0 1px #ffffff50;mask:radial-gradient(circle 34px at var(--x) 0px,transparent 98%,black 100%)}.bubble{position:absolute;z-index:-1;width:54px;height:54px;left:var(--x);top:-27px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(145deg,#ffc797,#f16b42);box-shadow:inset 0 2px 1px #ffe6c8,0 5px 15px #ff793333}nav button{border:0;background:none;color:#b4bac8;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;font-size:12px}.icon{font-size:26px;line-height:28px;transition:transform .4s}nav button[aria-current=page] .icon{transform:translateY(-29px);color:#201b18}nav button[aria-current=page]>span:last-child{transform:translateY(-9px);color:#ffbc92}nav button>span:last-child{transition:transform .4s}dialog{max-width:min(440px,90vw);padding:35px;border:1px solid #ffa57670;border-radius:24px;background:#252936;color:white;box-shadow:0 30px 100px #000}dialog::backdrop{background:#05060bcc}dialog h2{font-size:34px}dialog p{line-height:1.6;color:#bdc5d4}dialog a{color:#ffb17d}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:#fff;font-size:30px}:focus-visible{outline:2px solid #ffd1a1;outline-offset:4px}@media(max-width:600px){header{padding:20px}header small{display:none}main{padding-top:20px}h1{font-size:34px}.intro{font-size:14px}.stage{margin-inline:-20px}.heading{margin-top:24px}.card{width:200px;margin-left:-100px}.orbit .card{width:140px;margin-left:-70px}}@media(prefers-reduced-motion:reduce){.card,.ring,.icon,nav button>span:last-child{transition:none!important}}

/* Unified application, no legacy style chain. */
header small{letter-spacing:1px}header a span{letter-spacing:5px}
nav{width:min(540px,calc(100% - 24px));grid-template-columns:repeat(5,1fr);--x:10%}
nav button{font-size:11px}.dock-surface{background-color:#252a35}
.content-screen{text-align:left;max-width:900px;margin:25px auto}.content-screen[hidden]{display:none}
.content-screen h2{font-size:clamp(28px,4vw,44px)}.content-screen p{color:#c4c8d4;line-height:1.65}
.content-screen em{color:#ffa06e;font-style:normal}.content-screen a{color:#ffb482}
details{padding:18px;border:1px solid #ffffff22;border-radius:16px;margin:12px 0;background:#252a34}summary{cursor:pointer;font-size:18px}
form{padding:22px;border-radius:22px;background:#272d38;margin-top:24px}label{display:block;margin:15px 0}
input,textarea{display:block;width:100%;padding:15px;background:#161b23;border:1px solid #ffffff33;color:white;border-radius:10px;font:inherit;margin-top:8px}
form button{padding:15px;border:0;border-radius:12px;background:#ffac79}.phone{font-size:26px}.note{font-size:13px}
.stage{height:400px}.card{height:335px;padding:18px}.card:before{display:none}.card h3{font-size:23px}
.banner{width:100%;height:140px;position:relative;border-radius:12px;overflow:hidden;margin:12px 0;background:linear-gradient(135deg,var(--tone),#151c35);display:flex;align-items:center;justify-content:center}
.banner strong{position:relative;z-index:1;font-size:27px;line-height:.95;letter-spacing:-1px;text-align:left;padding:12px;text-shadow:0 3px 10px #0003}
.banner:before{content:'';position:absolute;width:100px;height:100px;border:18px solid #ffffff35;border-radius:50%;right:-20px;top:20px;transform:rotate(-25deg);box-shadow:9px 9px #0002}
.banner.art-1:before{border-radius:14px;transform:rotate(25deg);border-width:7px}
.banner.art-2{background:repeating-linear-gradient(135deg,#ffffff10 0 2px,transparent 2px 16px),linear-gradient(135deg,var(--tone),#142135)}
.banner.art-3:before{border-radius:0;border-width:0;background:#ffffff22;transform:rotate(35deg)}
.card>small{font-size:9px}.card>span{font-size:11px}.orbit .card{height:280px}.orbit .banner{height:105px;flex-shrink:0}.orbit .banner strong{font-size:22px}.orbit .card h3{font-size:19px}
#ribbon .card{width:240px;margin-left:-120px}.static-services{display:flex;gap:10px;overflow:auto;padding:20px}.static-services a{min-width:190px;color:#fff;background:#303845;padding:25px;border-radius:18px}
footer{text-align:center;color:#9ca2b0;font-size:11px;margin-top:24px}footer a{color:inherit}
@media(max-width:600px){.heading p{font-size:13px}.card{width:200px;margin-left:-100px}.stage{height:395px}#ribbon .card{width:210px;margin-left:-105px}.orbit .card{width:145px;margin-left:-72.5px}.content-screen{padding:0 8px}}

@font-face{font-family:Premier;src:url('rubik-v113.8358f0a47ba7.woff2') format('woff2');font-weight:300 900;font-display:swap}
body{font-family:Premier,Arial,sans-serif;background:radial-gradient(ellipse at 75% 0%,#66503b44,transparent 55%),#202328}
header{padding:18px 6vw}header a{font-family:Premier,sans-serif;font-weight:800;letter-spacing:.04em;font-size:1rem}header a span{display:none}
main{max-width:1120px}
.masthead{padding:22px 22px 26px;margin:0 0 24px;border-radius:36px 48px 32px 44px;background:repeating-linear-gradient(115deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(135deg,#3a3c3d,#26282c);box-shadow:inset 1px 1px 1px #ffffff40,inset -1px -2px 3px #0008,12px 16px 30px #0005,-6px -6px 20px #ffffff06}
.masthead .eyebrow{font-size:.7rem;letter-spacing:.25em;color:#d9b797;margin:0 0 12px}
h1.media-word{display:flex;justify-content:space-between;gap:0;font-family:Premier,Arial,sans-serif;font-size:clamp(3rem,1rem + 14vw,11.8rem);font-weight:900;line-height:1.03;letter-spacing:-.065em;margin:0 0 20px;color:#f2d7bc;text-shadow:0 1px #fff2df,0 3px #a18873,0 5px #736251,0 8px 12px #0008}
.tagline{font-size:clamp(1.3rem,1rem + 1vw,2.2rem);font-weight:650;letter-spacing:-.035em;line-height:1.15;margin:0;color:#eee5db}
.tagline em{font-style:normal;color:#ecac7f}.intro{font-size:.9rem;max-width:46ch;margin:18px auto 0;line-height:1.5;color:#bfc0c3}
.heading{margin:20px auto 12px;padding:18px 20px;border-radius:24px 32px 25px 30px;background:linear-gradient(145deg,#242629,#303336);box-shadow:inset 4px 5px 12px #0005,inset -2px -2px 5px #ffffff12;max-width:700px}
.heading h2{font-family:Premier,sans-serif;font-weight:750;font-size:clamp(1.4rem,1rem + 1.5vw,2.3rem);letter-spacing:-.045em;text-shadow:0 2px 2px #0008}
.heading p{font-size:.8rem;line-height:1.5}.heading>span{font-size:.65rem;font-weight:600;letter-spacing:.14em}
.card{border-radius:25px 32px 23px 30px;box-shadow:inset 2px 2px 2px #ffffff50,inset -3px -3px 6px #0006,8px 18px 25px #0006}
.card h3{font-family:Premier,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.035em}.banner{box-shadow:inset 3px 4px 8px #0005,inset -1px -1px 2px #ffffff30}.banner strong{font-family:Premier,sans-serif;font-weight:800}
nav button{font-family:Premier,Arial,sans-serif;font-weight:650;font-size:.73rem;letter-spacing:-.025em}nav button[aria-current=page]>span:last-child{text-shadow:0 1px 5px #e99b5940}
.dock-surface{background:linear-gradient(135deg,#44474a,#292c30);box-shadow:inset 1px 1px 2px #ffffff40,inset -2px -3px 5px #0007}
.content-screen h2{font-family:Premier,sans-serif;font-weight:750;letter-spacing:-.04em}
@media(max-width:600px){main{padding-top:16px}.masthead{padding:20px 14px;border-radius:25px 34px 24px 30px}.media-word{margin-bottom:18px!important}.intro{font-size:.8rem}.heading{padding:16px 12px}nav button{font-size:.68rem}.masthead .eyebrow{font-size:.6rem}}


.masthead{position:relative;isolation:isolate;border-radius:4px;padding:26px 24px;background:linear-gradient(120deg,#111319,#292b31);border:1px solid #ffffff25;box-shadow:8px 10px 0 #07080b,-5px -5px 0 #ece9e0;margin:8px 5px 30px}
.masthead:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(#ffffff14 .8px,transparent 1px),linear-gradient(120deg,transparent 60%,#ee3155 60% 75%,#a51c39 75% 83%,transparent 83%);background-size:5px 5px,auto;opacity:.9}
.masthead .eyebrow{display:inline-block;background:#f3eee6;color:#17181e;padding:8px 16px;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);font-weight:800;letter-spacing:.15em}
h1.media-word{color:#f4f3ec;text-shadow:1px 1px #ff5773,2px 2px #ec284c,3px 3px #ec284c,4px 4px #981f37,5px 5px #981f37,8px 9px #090a0d;font-style:italic;-webkit-text-stroke:1px #ffffff66}
.tagline{background:linear-gradient(110deg,#090a0e,#32333a);padding:14px 18px;clip-path:polygon(0 0,95% 0,100% 32%,97% 100%,5% 100%,0 68%);font-size:clamp(1.25rem,1rem + 1vw,2rem)}.tagline em{color:#ff5676}
.social-strip{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:22px 0 4px}.social-badge{display:flex;align-items:center;gap:6px;background:#17191f;border:1px solid #ffffff35;border-bottom:3px solid var(--brand);padding:8px 10px;border-radius:5px;color:#f8f8fc;font-size:.69rem;font-weight:650;box-shadow:3px 4px #0005}.social-badge svg{width:20px;height:20px;flex:none}.social-badge .max-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:linear-gradient(135deg,#3785ff,#8b45eb);font-weight:850;font-size:12px}.social-note{font-size:.62rem;color:#bdc1cc;margin:10px 0 0}

@media(max-width:600px){.masthead{padding:18px 12px}.social-strip{gap:6px}.social-badge{padding:7px 8px;font-size:.63rem}.masthead .eyebrow{font-size:.55rem}}

.channel-head{margin:6px 0 26px;position:relative;padding-top:8px}
.channel-top,.channel-bottom{margin:0 18px;background:#eeece7;color:#1b1e24;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;box-shadow:5px 7px 0 #0005;position:relative}
.channel-top{transform:rotate(-1deg);font-size:.65rem;letter-spacing:.08em}.channel-top>span{color:#fa3654;letter-spacing:5px}
.channel-banner{position:relative;isolation:isolate;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px 12px;border:4px solid #f6f4ed;border-radius:7px;transform:rotate(-1deg);box-shadow:0 10px 15px #0008;background:linear-gradient(100deg,#052d4890,#091428a0 40%,#47123880),none center 48%/cover}
.channel-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,transparent 20%,#01d4f033 20% 24%,transparent 24% 77%,#ff3d9377 77% 83%,transparent 83%)}
.channel-banner h1{margin:0;font-family:Premier,Arial,sans-serif;font-style:italic;font-weight:900;white-space:nowrap;font-size:clamp(1.25rem,.3rem + 5.1vw,4.5rem);letter-spacing:-.055em;color:#fff;text-shadow:2px 2px #131725,3px 3px #131725,4px 4px #131725,5px 6px #08afd5,7px 8px #090f24;-webkit-text-stroke:.5px #fff}
.channel-banner p{font-size:clamp(.45rem,.25rem + .7vw,.8rem);font-weight:700;letter-spacing:.1em;margin:16px 0 0;color:#fff;background:#101722bb;padding:5px 9px}
.channel-bottom{justify-content:flex-start;gap:12px;padding:7px 16px 10px}.channel-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0de2fa,#5527aa,#f547a8);border:3px solid #fff;box-shadow:2px 3px 0 #151821;font-weight:850;color:white;margin-top:-17px;font-size:1rem;z-index:2}
.channel-caption{font-size:.75rem;font-weight:750;text-align:left}.channel-caption small{display:block;font-size:.5rem;font-weight:500;margin-top:4px;letter-spacing:.07em}.channel-head .social-strip{margin-top:16px}.channel-note{font-size:.6rem;color:#afb5c1;margin:9px 0}
@media(max-width:600px){.channel-banner{min-height:120px;border-width:3px}.channel-top,.channel-bottom{margin-inline:9px;padding-inline:10px}.channel-top{font-size:.5rem}.channel-caption{font-size:.65rem}.channel-avatar{width:39px;height:39px}.channel-banner h1{font-size:clamp(1rem,.25rem + 5.5vw,2.4rem)}}

header{display:block;text-align:center;padding:18px 20px}header>small{display:none}
header a.brand-wide{display:block;width:100%;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(1rem,.45rem + 4.4vw,3.6rem);letter-spacing:.06em;color:#e9c57b;text-shadow:0 1px #fff0bc,0 3px 6px #0008;animation:brand-arrive 1.1s ease-out both}
@keyframes brand-arrive{from{opacity:.25;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.channel-top{padding:7px 10px;min-height:38px}.channel-top .social-strip{margin:0;width:100%;justify-content:space-around;gap:5px}.channel-top .social-badge{padding:4px 6px;background:#fff;color:#1c2029;border:0;border-bottom:2px solid var(--brand);box-shadow:1px 2px 3px #0003;border-radius:4px;font-size:.65rem}
.channel-banner{background:linear-gradient(0deg,#03102244,transparent 70%),none center 49%/cover;min-height:160px}.channel-banner:before{display:none}.channel-banner h1{font-size:clamp(1.1rem,.3rem + 4.8vw,4rem);text-shadow:1px 2px #101623,3px 4px #101623,4px 5px #2978a4}.channel-banner p{background:#101722aa}
nav button{font-family:Georgia,'Times New Roman',serif;font-size:.85rem;font-weight:700;letter-spacing:.015em;color:#dfcdab}nav button[aria-current=page]>span:last-child{color:#ffe0a0}
@media(max-width:600px){header a.brand-wide{font-size:clamp(1rem,.35rem + 4.5vw,2rem)}.channel-top .social-badge{font-size:.55rem;padding:4px}.channel-top .social-badge svg{width:17px;height:17px}.channel-banner{min-height:135px}.channel-banner h1{font-size:clamp(1rem,.25rem + 5.2vw,2.3rem)}nav button{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){header a.brand-wide{animation:none}}

header a.brand-wide{position:relative;isolation:isolate;font-family:Premier,Arial,sans-serif;font-weight:850;font-size:clamp(1rem,.25rem + 4.25vw,3.6rem);letter-spacing:-.045em;line-height:1.3;animation:none;color:#c1d4d9;text-shadow:none;background:linear-gradient(155deg,#f4ffff 2%,#a6c3cc 17%,#444d53 30%,#11151a 43%,#d6edf1 48%,#f5ffff 55%,#788b92 68%,#20282e 79%,#cce9ed 96%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #71838d) drop-shadow(0 3px 0 #101419) drop-shadow(0 5px 3px #0008)}
header a.brand-wide:before{content:'ПРЕМЬЕР МЕДИА';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#86e7ef,#a9b7ff 45%,#d7f9f2 78%,#81c4e3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.18;filter:blur(4px);z-index:-1;animation:metal-breathe 5.5s ease-in-out infinite}
@keyframes metal-breathe{0%,100%{opacity:.12}50%{opacity:.5}}
header:has(.light-pause:checked) .brand-wide:before{animation-play-state:paused}
.light-control{display:block;font:500 .58rem Premier,Arial,sans-serif;color:#a9b8be;line-height:1.2;margin:6px 0 0;cursor:pointer}.light-control input.light-pause{display:inline-block;width:10px;height:10px;margin:0 4px 0 0;padding:0;vertical-align:middle;accent-color:#a0dae2}
@media(prefers-reduced-motion:reduce){header a.brand-wide:before{animation:none;opacity:.2}.light-control{display:none}}

header{padding:10px 12px 6px}
header a.brand-wide{max-width:1400px;margin:auto;background:none!important;-webkit-text-fill-color:initial;filter:none;animation:none;line-height:0}
header a.brand-wide:before{content:none;animation:none}
.brand-art{display:block;width:100%;height:auto;overflow:visible}
.brand-dust{pointer-events:none;opacity:0;animation:brand-scatter 1.8s ease-out var(--delay) both}
@keyframes brand-scatter{0%{opacity:0;transform:translate(0,22px)}20%{opacity:.85}100%{opacity:0;transform:translate(var(--dx),-13px)}}
@media(prefers-reduced-motion:reduce){.brand-dust{animation:none}}
header .wordmark-frame{display:block;position:relative;width:100%;aspect-ratio:6/1;overflow:hidden}header .wordmark-image{display:block;position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%)}header a.brand-wide{filter:none!important;background:none!important} 
header .wordmark-frame{border-radius:14px;isolation:isolate}header .wordmark-frame canvas{display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}header .wordmark-frame.pin-ready .wordmark-image{opacity:0}

/* Static pin artwork with rounded edges; no canvas animation. */
header .wordmark-frame{border-radius:14px;box-shadow:0 0 14px #ffb52b22,0 5px 32px #ff9a1629,0 10px 55px #ff7a1017}
header .wordmark-image{height:100%;object-fit:cover;object-position:center;clip-path:inset(0 round 14px)}
.card.active{box-shadow:inset 2px 2px 2px #ffffff50,inset -3px -3px 6px #0006,0 18px 32px #0005,0 12px 34px #ffad4438,0 22px 65px #ffad4424}
@supports (color:color-mix(in srgb,red,transparent)){
.card.active{box-shadow:inset 2px 2px 2px #ffffff50,inset -3px -3px 6px #0006,0 18px 32px #0005,0 12px 34px color-mix(in srgb,var(--tone) 48%,transparent),0 24px 65px color-mix(in srgb,var(--tone) 30%,transparent)}
}

/* Warm illuminated surfaces — static, no additional animation. */
header .wordmark-frame{box-shadow:0 0 18px #ffbd465c,0 7px 42px #ff981747,0 14px 78px #ff7c142e}
.card.active{box-shadow:inset 2px 2px 2px #ffffff65,inset -3px -3px 6px #0006,0 15px 28px #0005,0 10px 38px #ffad4470,0 25px 82px #ffad444a}
@supports(color:color-mix(in srgb,red,transparent)){.card.active{box-shadow:inset 2px 2px 2px #ffffff65,inset -3px -3px 6px #0006,0 15px 28px #0005,0 10px 38px color-mix(in srgb,var(--tone) 78%,transparent),0 25px 82px color-mix(in srgb,var(--tone) 55%,transparent)}}
#agency,#contact{max-width:1020px;margin:36px auto 120px;padding:0 8px}
#agency .about,#contact{border:1px solid #ffc47735;border-radius:30px;background:radial-gradient(ellipse at 100% 0,#c36b232b,transparent 60%),linear-gradient(145deg,#303238,#1c1e23);box-shadow:inset 1px 1px 1px #ffffff24,0 18px 45px #0004,0 0 40px #ff9c1212;padding:clamp(22px,4vw,44px)}
#agency h2,#contact h2{font-size:clamp(29px,5.2vw,57px);line-height:1.08;letter-spacing:-.055em;margin:20px 0 30px;color:#fff4df;text-shadow:0 3px 0 #0005}
#agency h2 em,#contact h2 em{color:#ffc47f;text-shadow:0 0 24px #ff9f3433}
#agency .eyebrow,#contact>.eyebrow{display:inline-block;border:1px solid #ffc16b44;border-radius:99px;padding:8px 12px;margin:0;color:#ffd19b;background:#ffaf3010;font-size:10px;letter-spacing:.12em}
#agency .columns,#contact .columns{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start}
#agency .lead{margin:0;padding:25px;border-radius:22px;background:radial-gradient(circle at 0 0,#ffbc4730,transparent 80%),#232429;border:1px solid #ffc77a38;font-size:clamp(19px,2.4vw,25px);line-height:1.5;color:#fff0d6;box-shadow:inset 1px 1px 2px #ffffff17,0 12px 28px #0003}
#agency .columns>div>p:first-child{margin-top:0}
#agency .faq{padding:36px 0 0}
#agency .faq h2{font-size:clamp(28px,4vw,42px)}
#agency details{background:linear-gradient(140deg,#303138,#22242a);border:1px solid #ffe2b524;padding:20px;border-radius:18px;box-shadow:inset 1px 1px 1px #ffffff12,0 8px 18px #0002}
#agency summary{cursor:pointer;color:#f8e9d2;font-weight:700;line-height:1.5}
#agency summary::marker{color:#ffb866}
#agency details[open]{border-color:#ffbf6866;box-shadow:0 0 24px #ff9d1814}
#contact .columns>div{padding:24px;border:1px solid #ffc77430;border-radius:22px;background:#1d1f24;box-shadow:inset 2px 2px 7px #0004}
#contact .phone{display:block;font-family:Premier,sans-serif;font-size:clamp(19px,2.6vw,29px);font-weight:700;letter-spacing:-.04em;color:#ffe1ab;text-decoration:none}
#contact a[href^="mailto"]{overflow-wrap:anywhere;text-underline-offset:5px}
#contact small{display:block;color:#acadb4;font-size:11px;line-height:1.7}
#contact form{margin:0;padding:24px;border:1px solid #ffd29938;background:linear-gradient(150deg,#37363a,#25252b);box-shadow:inset 1px 1px 1px #ffffff22,0 0 35px #ffa32910}
#contact label{display:block;margin:0 0 20px;font-size:13px;font-weight:600;color:#efddc3}
#contact input,#contact textarea{background:#1b1d22;border:1px solid #ffffff1f;box-shadow:inset 2px 3px 7px #0005;border-radius:13px;color:#fff;padding:15px;font-size:16px}
#contact textarea{min-height:120px;resize:vertical}
#contact input:focus-visible,#contact textarea:focus-visible{outline:2px solid #ffc477;outline-offset:3px;box-shadow:0 0 22px #ffa63125}
#contact .button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;background:linear-gradient(135deg,#ffe1a0,#f9a64e);color:#2c2117;font-weight:800;box-shadow:inset 0 1px 1px #fff9,0 6px 23px #ff9d3433;min-height:52px}
#contact .note{font-size:11px;color:#b9b8bd;line-height:1.6}
#agency a:focus-visible,#agency summary:focus-visible,#contact a:focus-visible,#contact button:focus-visible{outline:2px solid #ffc477;outline-offset:4px}
@media(max-width:650px){#agency .columns,#contact .columns{grid-template-columns:1fr;gap:18px}#agency .about,#contact{padding:22px 18px;border-radius:24px}#contact .columns>div,#contact form{padding:18px}#agency h2,#contact h2{overflow-wrap:break-word}}

@font-face{font-family:PremierDock;src:url('comfortaa-v113.c87a13f22eda.woff2') format('woff2');font-weight:300 700;font-display:swap}
/* Half-transparent surface only: labels and controls retain full opacity. */
nav .dock-surface{background:linear-gradient(135deg,rgba(57,64,72,.5),rgba(23,29,38,.5));border:1px solid #b5eaff26;box-shadow:inset 1px 1px 2px #e0f7ff24,inset -1px -2px 4px #0004;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
nav{filter:drop-shadow(0 7px 13px #009dff20)}
nav button{font-family:PremierDock,'Century Gothic',sans-serif;font-weight:400;font-size:clamp(8px,2.4vw,12px);letter-spacing:.045em;text-transform:uppercase;color:#e3edf4}
nav button>span:last-child{position:relative;white-space:nowrap;text-shadow:0 1px 2px #000,0 2px 8px #00aaff45}
nav button[aria-current=page]>span:last-child{color:#e9fcff;text-shadow:0 1px 2px #001521,0 2px 7px #00cfff99,0 4px 14px #008cff66}
nav button[aria-current=page]>span:last-child:after{content:"";position:absolute;left:15%;right:15%;bottom:-5px;height:1px;background:#8ceeff;box-shadow:0 2px 6px 2px #00bfff55;opacity:.8}
nav .bubble{background:linear-gradient(145deg,#566673,#273440);box-shadow:inset 0 1px 2px #d1f6ff99,0 3px 9px #00d5ff55,0 6px 20px #008cff44}
nav button[aria-current=page] .icon{color:#e5faff;text-shadow:0 2px 8px #00c8ff80}

.channel-top .social-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;align-items:center}
.channel-top .social-badge{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:3px 0 5px;border:0;background:transparent;box-shadow:none;font-size:clamp(7px,1.9vw,11px);color:#242831;min-width:0}
.channel-top .clay-social{display:block;width:clamp(32px,8vw,52px);height:clamp(32px,8vw,52px);background-image:url('social-clay-v30.ffe336e0da94.webp');background-size:500% auto;background-repeat:no-repeat;flex:none}
.channel-top{padding-top:5px;padding-bottom:5px}

nav button>.project-label{width:100%;height:24px;display:flex;align-items:center;justify-content:center;padding:0 3px;overflow:visible}
nav .project-word{display:block;width:100%;max-width:92px;height:24px;overflow:visible;color:#f0f6fb;filter:drop-shadow(0 2px 3px #00bfff30)}
nav button[aria-current=page] .project-word{color:#edfcff;filter:drop-shadow(0 2px 4px #00cfff80)}
nav button[aria-current=page]>.project-label:after{display:none}

nav .project-word{filter:drop-shadow(0 -0.3px .25px #effbff80) drop-shadow(0 1.5px 1px #001727) drop-shadow(0 2px 2.5px #00bfff70)}
nav button[aria-current=page] .project-word{filter:drop-shadow(0 -0.3px .25px #ffffffa0) drop-shadow(0 1.5px 1px #001727) drop-shadow(0 2px 3px #00d0ffb0) drop-shadow(0 3px 5px #008aff50)}

nav .project-word,nav button[aria-current=page] .project-word{filter:none;color:#edf4f8}nav button>.project-label,nav button[aria-current=page]>.project-label{text-shadow:none}

nav button>.project-label{width:calc(100% - 6px);height:24px;padding:1px 3px;background:#0b0c0ee8;border:1px solid #ffcb5b25;border-radius:6px;box-shadow:inset 0 1px 1px #ffffff0c,0 2px 4px #0005}
nav .project-word,nav button[aria-current=page] .project-word{height:22px;filter:none}
nav button[aria-current=page]>.project-label{background:#090b0e;border-color:#e9b64c66}

/* Five matching faceted lower-third ribbons. */
nav button>.project-label,nav button[aria-current=page]>.project-label{
height:27px;width:calc(100% - 4px);padding:2px 4px;isolation:isolate;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible
}
nav button>.project-label:before{
content:"";position:absolute;inset:0;z-index:-1;
clip-path:polygon(0 26%,13% 3%,41% 10%,100% 0,89% 68%,77% 100%,29% 89%,8% 96%);
background:linear-gradient(156deg,#606064 0%,#262629 16%,#101012 35%,#09090b 72%,#343439 100%);
box-shadow:inset 0 1px #ffffff28
}
nav button>.project-label:after,nav button[aria-current=page]>.project-label:after{
content:"";display:block;position:absolute;inset:0;left:0;right:0;bottom:0;height:auto;z-index:-1;opacity:1;box-shadow:none;
background:linear-gradient(145deg,#717177,#252528 42%,#050507 75%);
clip-path:polygon(0 26%,13% 3%,25% 40%,8% 96%,17% 50%,0 26%,100% 0,89% 68%,77% 100%,81% 61%);
}
nav .project-word{position:relative;z-index:1}

/* Replacement label treatment: quiet white emboss on rounded graphite tabs. */
nav button>.calm-label,nav button[aria-current=page]>.calm-label{
display:flex;align-items:center;justify-content:center;position:relative;
width:calc(100% - 6px);height:26px;padding:3px 2px;box-sizing:border-box;
font-family:Premier,Arial,sans-serif;font-size:clamp(9px,2.6vw,12px);font-weight:700;
line-height:1;letter-spacing:-.025em;text-transform:none;white-space:nowrap;
border:1px solid #c5eafa29;border-radius:8px;color:#f3f7fa;
background:linear-gradient(155deg,#39444ee8,#202a33ed);
box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 2px #0005,0 2px 4px #0004;
text-shadow:0 1px 0 #71808b,0 2px 1px #0a1825,0 2px 5px #00bfff55,0 3px 9px #008dff30;
}
nav button[aria-current=page]>.calm-label{border-color:#9ae5ff55;background:linear-gradient(155deg,#40515de8,#253541ed);box-shadow:inset 0 1px 1px #ffffff38,0 2px 9px #00bfff20}
nav button>.calm-label:before,nav button>.calm-label:after{content:none!important;display:none!important}

nav button{gap:0}
nav .character-icon{display:block;width:42px;height:40px;background-image:none;background-size:500% auto;background-repeat:no-repeat;flex:none}
nav button[aria-current=page] .character-icon{transform:translateY(-22px) scale(1.12);filter:drop-shadow(0 2px 2px #0004)}
nav button[aria-current=page]>.calm-label{transform:translateY(-9px)}

/* Layered silver panels: shallow bevel instead of a hard black offset slab. */
.channel-top,.channel-bottom{
background:linear-gradient(155deg,#fafaf7 0%,#e8e9e7 62%,#d4d7d8 100%);
border:1px solid #ffffffbb;
box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #bac0c4,0 2px 0 #91999f,0 4px 0 #626c74,0 9px 16px #0004;
}
.channel-top{border-radius:9px 9px 3px 3px}
.channel-bottom{border-radius:3px 3px 10px 10px}
.channel-banner{box-shadow:inset 0 1px 0 #fff8,0 2px 0 #a5adb3,0 4px 0 #5e6974,0 10px 20px #0005}
header .wordmark-frame{border:1px solid #e6bd7140;box-shadow:inset 0 1px 0 #ffe5a555,0 2px 0 #6e5433,0 5px 12px #0003,0 0 22px #ffbd4652,0 10px 52px #ff981738}

header .brand-flip{display:block;width:100%;aspect-ratio:6/1;perspective:1100px}
header .brand-turn{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:premier-turn 10s cubic-bezier(.45,0,.2,1) infinite}
header .brand-turn .wordmark-frame{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden}
header .flip-front{transform:rotateX(0deg) translateZ(1px)}
header .flip-back{transform:rotateX(180deg) translateZ(1px)}
@keyframes premier-turn{0%,38%{transform:rotateX(0deg)}48%,88%{transform:rotateX(180deg)}98%,100%{transform:rotateX(360deg)}}
header .brand-wide:focus-visible .brand-turn{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){header .brand-turn{animation:none}}

/* Independent front-facing planes avoid mobile nested backface compositing. */
header .brand-turn{animation:none;transform:none;transform-style:flat}
header .brand-turn .wordmark-frame{backface-visibility:visible;-webkit-backface-visibility:visible;transform-origin:50% 50%;will-change:transform,opacity}
header .flip-front{animation:premier-front-mobile 10s ease-in-out infinite}
header .flip-back{animation:premier-back-mobile 10s ease-in-out infinite}
@keyframes premier-front-mobile{
0%,38%{transform:perspective(1100px) rotateX(0deg);opacity:1}
43%{transform:perspective(1100px) rotateX(-90deg);opacity:0}
43.01%,93%{transform:perspective(1100px) rotateX(90deg);opacity:0}
98%,100%{transform:perspective(1100px) rotateX(0deg);opacity:1}
}
@keyframes premier-back-mobile{
0%,43%{transform:perspective(1100px) rotateX(90deg);opacity:0}
48%,88%{transform:perspective(1100px) rotateX(0deg);opacity:1}
93%{transform:perspective(1100px) rotateX(-90deg);opacity:0}
93.01%,100%{transform:perspective(1100px) rotateX(90deg);opacity:0}
}
header .brand-wide:focus-visible .wordmark-frame{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){header .brand-turn .wordmark-frame{animation:none;will-change:auto}header .flip-front{transform:none;opacity:1}header .flip-back{display:none}}

/* Never rotate into an unloaded/undecoded face. */
header .brand-turn:not(.images-ready) .flip-front{animation:none;transform:none;opacity:1}
header .brand-turn:not(.images-ready) .flip-back{animation:none;transform:none;opacity:0;visibility:hidden}
header .brand-turn.images-ready .wordmark-frame{animation-duration:18s}

/* Feather the pin field into its dark nameplate without softening the lettering. */
header .brand-turn .wordmark-frame{background:#171a1d}
header .brand-turn .wordmark-frame:after{
content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
background:
linear-gradient(to bottom,rgba(23,26,29,.88) 0%,rgba(23,26,29,.35) 7%,transparent 20%,transparent 52%,rgba(23,26,29,.06) 59%,rgba(23,26,29,.18) 66%,rgba(23,26,29,.38) 73%,rgba(23,26,29,.64) 80%,rgba(23,26,29,.84) 87%,rgba(23,26,29,.96) 94%,rgba(23,26,29,1) 100%),
linear-gradient(to right,rgba(23,26,29,.62),transparent 5%,transparent 95%,rgba(23,26,29,.62));
}

/* Detached layers and protruding social objects. */
.channel-head{padding-top:32px;margin-top:12px;margin-bottom:40px;overflow:visible}
.channel-top{margin-inline:17px;min-height:47px;height:47px;padding:0 8px;overflow:visible;z-index:3;transform:rotate(-1.5deg)}
.channel-top .social-strip{height:100%;align-items:end;overflow:visible}
.channel-top .social-badge{position:relative;padding:0 0 7px;gap:0;overflow:visible}
.channel-top .clay-social{width:clamp(44px,11vw,68px);height:clamp(44px,11vw,68px);margin-top:-27px;filter:drop-shadow(2px 5px 3px #0005)}
.channel-top .social-badge:nth-child(2) .clay-social{transform:translateY(-5px) rotate(-8deg)}
.channel-top .social-badge:nth-child(4) .clay-social{transform:translateY(-4px) rotate(7deg)}
.channel-top .social-badge:nth-child(5) .clay-social{transform:rotate(7deg)}
.channel-banner{z-index:2;transform:rotate(-1deg);margin-top:-2px}
.channel-bottom{z-index:4;margin:0 28px 0 56px;min-height:52px;padding:9px 10px 9px 30px;transform:rotate(-1deg);border-radius:5px 5px 13px 5px;top:-1px;overflow:visible}
.channel-avatar{position:absolute;left:-44px;top:-18px;margin:0;width:64px;height:64px;border-radius:18px;transform:rotate(-9deg);background:linear-gradient(145deg,#34302a,#111315);border:2px solid #f1ce8c;box-shadow:inset 1px 1px 1px #fff6,0 3px 0 #8c672d,0 6px 0 #3b3020,3px 11px 15px #0006,0 0 15px #ffb42b25;font-size:0}
.channel-avatar:before{content:"ПМ";font-family:Premier,Arial,sans-serif;font-size:28px;font-weight:900;letter-spacing:-2px;color:#ffcd57;background:radial-gradient(circle,#ffe89a 0 26%,#eeb131 34% 51%,#8e5310 58% 72%,#362406 78%);background-size:3px 3px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #9b681b) drop-shadow(0 3px 1px #000)}
.channel-caption{font-size:clamp(9px,2.5vw,13px);line-height:1.35}
.channel-caption small{font-size:clamp(6px,1.6vw,9px)}

.channel-bottom{margin-left:18px;margin-right:28px;padding:12px 18px;min-height:42px}

.channel-banner.banner-show{display:block;padding:0;min-height:0;aspect-ratio:3/1;background:#17232c;overflow:hidden}
.banner-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease;pointer-events:none}
.banner-slide.shown{opacity:1}
.banner-slide.city-grade{object-position:center 49%;filter:saturate(1.3) contrast(1.12) brightness(1.06)}
.banner-switches{position:absolute;z-index:3;bottom:5px;right:8px;display:flex;gap:1px;align-items:center;border-radius:15px;background:#08111b9c;padding:0 4px}
.banner-switches button{display:grid;place-items:center;width:25px;height:26px;padding:0;border:0;background:transparent;color:white;cursor:pointer}
.banner-switches button[data-slide]:after{content:"";width:5px;height:5px;border-radius:50%;background:#ffffff77}
.banner-switches button[aria-pressed=true]:after{background:#fff;box-shadow:0 0 6px #fff6}
.banner-switches button:focus-visible{outline:2px solid #ffcc77;outline-offset:-2px;border-radius:10px}
@media(prefers-reduced-motion:reduce){.banner-slide{transition:none}}

@media(max-width:650px){
main{padding-top:7px}
.channel-head{margin:2px -10px 12px;padding-top:24px}
.channel-top{margin-inline:12px;height:52px;min-height:52px}
.channel-top .clay-social{width:49px;height:49px;margin-top:-23px}
.channel-top .social-badge{font-size:9px;padding-bottom:6px}
.channel-banner.banner-show{aspect-ratio:2.5/1}
.channel-bottom{margin-left:12px;margin-right:12px;min-height:38px;padding:9px 14px}
.channel-caption{font-size:11px}
}

/* v52: fill banner frame without letterboxing or cropping text */
.channel-banner.banner-show .banner-slide{object-fit:fill;background:#10151b}

/* v53: one continuous folded backplate, not two detached bars. */
.channel-head{position:relative;isolation:isolate;padding-bottom:0;filter:drop-shadow(0 9px 9px #0005)}
.channel-head:before{content:"";position:absolute;z-index:0;left:12px;right:12px;top:24px;bottom:0;pointer-events:none;
background:linear-gradient(155deg,#fff 0%,#eceeec 47%,#ccd2d5 100%);
clip-path:polygon(3% 2%,96% 0,100% 84%,94% 84%,93% 96%,66% 100%,64% 92%,42% 93%,40% 98%,2% 96%,0 13%);
box-shadow:inset 0 2px 0 #fff}
.channel-top{background:transparent;border:0;box-shadow:none;border-radius:0;transform:rotate(-1deg);z-index:2}
.channel-banner.banner-show{z-index:3;margin-top:-3px;border-radius:5px;box-shadow:0 2px 0 #818d96,0 5px 9px #0005}
.channel-bottom{position:relative;z-index:1;top:auto;transform:none;background:transparent;border:0;box-shadow:none;border-radius:0;margin:0 12px;height:45px;min-height:45px;padding:0}
.channel-bottom:before{content:"";position:absolute;left:5%;top:-9px;width:34%;height:47px;background:linear-gradient(150deg,#fff,#e2e6e7);clip-path:polygon(0 0,100% 0,95% 89%,8% 100%);transform:rotate(1deg)}
.channel-bottom:after{content:"";position:absolute;right:5%;top:-5px;width:25%;height:44px;background:linear-gradient(145deg,#f7f8f6,#c5ced3);clip-path:polygon(5% 0,100% 0,94% 100%,0 93%);transform:rotate(-2deg)}
@media(min-width:651px){.channel-head:before{top:32px}.channel-bottom{height:52px}}

/* v54: soft white framing and an illuminated section disclosure. */
.channel-head:before{clip-path:none;border-radius:16px 13px 18px 15px;transform:rotate(-1deg)}
.channel-banner.banner-show{border:3px solid #fff;border-radius:12px}
.channel-bottom:before,.channel-bottom:after{clip-path:none;border-radius:0 0 12px 12px}
.channel-top{height:88px;min-height:88px;display:flex;flex-direction:column;align-items:stretch;justify-content:end;padding:0 8px 5px}
.channel-top .social-strip{height:45px;width:100%;margin-top:0}
.channel-top .clay-social{width:38px;height:38px;margin-top:-8px}
.channel-top .social-badge{font-size:8px;padding-bottom:0}
.channel-menu{position:relative;align-self:flex-start;z-index:10;margin:0 0 8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.channel-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:9px;background:#202b34;color:#fff;font:700 12px Arial,sans-serif;box-shadow:0 0 9px #00cfff55,inset 0 0 0 1px #8be5ff77}
.channel-menu summary::-webkit-details-marker{display:none}
.channel-menu summary:focus-visible{outline:2px solid #00a8db;outline-offset:3px}
.channel-menu[open] summary{background:#12617a;box-shadow:0 0 16px #00cfff99}
.menu-lines{font-size:18px;line-height:1}
.section-links{position:absolute;top:calc(100% + 8px);left:0;width:215px;padding:8px;border:1px solid #a5e8ff66;border-radius:13px;background:#18232bf5;box-shadow:0 12px 28px #0008;display:grid;gap:4px;transform:rotate(1deg)}
.section-links button{color:#fff;background:transparent;border:0;border-radius:8px;text-align:left;padding:12px;font:600 14px Arial,sans-serif;cursor:pointer}
.section-links button:hover,.section-links button:focus-visible,.section-links button[aria-current=page]{background:#23728a;outline:none}
.channel-top{z-index:5}

/* v55: reference-like offset white sheets, not a rounded enclosing card. */
.channel-head:before{left:19px;right:22px;top:27px;bottom:15px;border-radius:2px;transform:rotate(-1.8deg);clip-path:none;background:linear-gradient(125deg,#fafaf8,#e9eae7 75%,#dadddc)}
.channel-bottom{height:46px;min-height:46px}
.channel-bottom:before{left:6%;top:-10px;width:48%;height:43px;transform:rotate(1.2deg);border-radius:7px 3px 9px 4px;background:linear-gradient(140deg,#fff,#e6e8e6);box-shadow:0 2px 3px #0002}
.channel-bottom:after{right:7%;top:-5px;width:27%;height:44px;transform:rotate(-3deg);border-radius:7px 5px 8px 4px;background:linear-gradient(140deg,#f9faf7,#d7dcdd);box-shadow:0 2px 3px #0002}
.channel-top{transform:rotate(-1.8deg)}
@media(min-width:651px){.channel-head:before{top:34px}}

/* v56: compact reference proportions, single-row header and projecting tabs. */
.channel-top{height:53px;min-height:53px;flex-direction:row;align-items:center;justify-content:space-between;gap:5px;padding:0 4px 2px}
.channel-menu{flex:0 0 auto;align-self:center;margin:0 0 4px}
.channel-menu summary{padding:6px 5px;gap:4px;font-size:10px}
.channel-top .social-strip{flex:1;min-width:0;height:44px;gap:0}
.channel-top .clay-social{width:32px;height:32px;margin-top:-4px}
.channel-top .social-badge{font-size:7px}
.channel-head:before{left:23px;right:22px;bottom:19px}
.channel-bottom:before{left:4%;width:45%;top:-4px;height:39px;transform:rotate(-1deg);border:1px solid #c6cacb}
.channel-bottom:after{right:7%;width:29%;top:-3px;height:42px;transform:rotate(-2deg);border:1px solid #c6cacb}

/* v57: one unbroken rounded silhouette; no stacked decorative tabs. */
.channel-head:before{left:10px;right:10px;top:28px;bottom:0;border:0;border-radius:0;box-shadow:none;transform:rotate(-1deg);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%20360%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22s%22%20x2%3D%22.3%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dfe3e3%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M25%208%20Q25%200%2039%200%20H562%20Q577%200%20577%2015%20V308%20Q577%20318%20564%20318%20H263%20Q253%20318%20253%20330%20V336%20Q253%20343%20242%20343%20H45%20Q25%20343%2025%20323%20V30%20Q16%2020%2025%2020%20Z%22%20fill%3D%22url(%23s)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat}
.channel-bottom:before,.channel-bottom:after{content:none;display:none}
.channel-bottom{height:37px;min-height:37px}
.channel-top{height:54px;min-height:54px;margin-inline:18px;padding:0 3px 2px;gap:8px}
.channel-top .social-strip{height:52px;align-items:end;overflow:visible}
.channel-top .clay-social{width:43px;height:43px;margin-top:-18px}
.channel-top .social-badge{font-size:7px;padding-bottom:4px}
.channel-menu summary{background:transparent;color:#26343c;box-shadow:none;border-radius:6px;padding:6px 0;font-size:10px;gap:4px}
.channel-menu[open] summary{background:transparent;color:#007da2;box-shadow:none;text-shadow:0 0 10px #00cfff66}
.channel-menu summary:hover{color:#007da2}
.channel-menu{margin:0 0 7px}
.menu-lines{font-size:20px}
.channel-banner.banner-show{border-radius:13px}
@media(min-width:651px){.channel-head:before{top:34px}.channel-top .clay-social{width:52px;height:52px;margin-top:-24px}.channel-top .social-badge{font-size:9px}}

/* v58: projecting social icons, separated menu mark and subscribe tab. */
.channel-top .clay-social{transform:translateY(-10px);margin-top:-24px}
.channel-top .social-badge:nth-child(2) .clay-social{transform:translateY(-14px) rotate(-8deg)}
.channel-top .social-badge:nth-child(4) .clay-social{transform:translateY(-13px) rotate(7deg)}
.channel-top .social-badge:nth-child(5) .clay-social{transform:translateY(-10px) rotate(7deg)}
.channel-menu summary{gap:10px;padding:6px 1px}
.channel-menu .menu-lines{display:inline-block}
.channel-bottom{z-index:4}
.subscribe-tab{position:absolute;right:5%;top:-6px;min-height:36px;padding:8px 17px;border:1px solid #ff7979;border-radius:9px;transform:rotate(-2deg);background:linear-gradient(#ff3535,#dc0808);color:white;font:700 13px Arial,sans-serif;box-shadow:inset 0 1px 0 #ffffff66,0 3px 0 #870b0b,0 7px 10px #0004;cursor:pointer}
.subscribe-tab:hover,.subscribe-tab:focus-visible{background:#ff3535;outline:2px solid #ffc5c5;outline-offset:2px}

/* v59: align labels with protruding icons and lower menu/subscribe. */
.subscribe-tab{top:3px}
.channel-top .social-badge{font-size:9px;font-weight:700;letter-spacing:0;padding-bottom:4px}
.channel-top .social-badge>span:last-child{position:relative;top:-6px;line-height:1.15}
.channel-menu{margin:0;transform:translateY(5px)}
.channel-menu summary{font-size:11px;gap:8px;line-height:1.2;align-items:center}
.channel-menu .menu-lines{font-size:21px;line-height:1}
@media(min-width:651px){.channel-top .social-badge{font-size:11px}}

/* v61: photographic service windows; preserve the approved card shells. */
.card .banner.photo-window{background:#172530;align-items:flex-end;justify-content:flex-start;isolation:isolate}
.card .banner.photo-window:before{display:none}
.photo-window img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.9) contrast(1.04)}
.photo-window:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#06142122 40%,#061421d9 100%);z-index:-1;pointer-events:none}
.card .photo-window strong{font-size:23px;padding:10px;text-shadow:0 2px 5px #0009}
.card>small{position:relative;z-index:1}
.object-photo{position:absolute;inset:0;z-index:-2;background-image:url('card-atlas-v62.64bc4baa60db.webp');background-size:400% 300%;background-repeat:no-repeat}

/* v63: shallow silver extrusion follows the entire continuous backplate. */
.channel-head:before{
filter:drop-shadow(0 -1px 0 #fff) drop-shadow(1px 1px 0 #c5ced3) drop-shadow(1px 2px 0 #8d9ba5) drop-shadow(0 2px 0 #596b78) drop-shadow(0 6px 5px #0005);
}

/* v65: compact transparent controls and feathered carousel boundaries. */
.panel>.controls{display:none}
body>nav .dock-surface{display:none}
body>nav{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.channel-head{margin-bottom:2px}
.stage{background:transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 90%,transparent 100%)}
.stage.fan,.stage.ribbon{height:385px}
.stage.fan .card,.stage.ribbon .card{top:18px}
main{padding-bottom:100px}
.asset-credits{font-size:11px;line-height:1.5;margin-top:24px;color:#b9c4cc}
.asset-credits a{color:inherit}

/* v66: contact portrait projects from the left lower tab. */
.channel-contact{position:absolute;left:3%;top:-8px;display:flex;align-items:center;gap:6px;z-index:5;color:#17272d;text-decoration:none;transform:rotate(-1deg);white-space:nowrap}
.contact-portrait{width:47px;height:47px;flex:none;border-radius:50%;overflow:hidden;border:3px solid #71d969;background:#e5f2e7;box-shadow:0 2px 0 #348545,0 4px 8px #0004}
.contact-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.channel-contact strong{font:700 clamp(9px,2.5vw,13px) Arial,sans-serif;letter-spacing:-.3px}
.channel-contact:focus-visible{outline:2px solid #46a548;outline-offset:4px;border-radius:20px}
@media(max-width:380px){.channel-contact{left:1%;gap:3px}.contact-portrait{width:40px;height:40px}.subscribe-tab{right:1%;padding-inline:10px}}

/* v67: readable lime actions and independent dock labels. */
.card>span:last-child{position:relative;z-index:2;display:inline-flex;align-items:center;align-self:flex-start;padding:7px 11px;border-radius:9px;color:#182000;background:linear-gradient(135deg,#e9ff76,#c9f238);font-size:11px;font-weight:800;box-shadow:inset 0 1px 0 #ffffff99,0 2px 0 #739217,0 3px 10px #c9f22025}
.card:hover>span:last-child,.card:focus-visible>span:last-child{background:#e3ff65;box-shadow:0 0 14px #d9ff5060}
body>nav .calm-label,body>nav button[aria-current=page]>.calm-label{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#f1f6f5}
body>nav .dock-surface{display:none!important}
.contact-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.contact-info b{font:700 11px Arial,sans-serif;color:#17272d}

/* v68: raised, readable phone lettering with restrained breathing motion. */
.channel-contact{left:2%;gap:5px;right:38%}
.contact-info{flex:1;min-width:0;gap:2px}
.contact-info b{font-size:10px;letter-spacing:.3px}
.channel-contact .contact-info strong{display:block;font-family:Arial,sans-serif;font-size:clamp(10px,3vw,15px);font-weight:900;line-height:1.2;letter-spacing:-.45px;color:#223c35;text-shadow:0 -1px 0 #fff,0 1px 0 #a1b8a7,0 2px 0 #fff,0 3px 3px #142b2940;transform-origin:left center;animation:phone-breathe 2.8s ease-in-out infinite}
@keyframes phone-breathe{0%,100%{transform:scale(1);opacity:.86}50%{transform:scale(1.035);opacity:1}}
@media(max-width:380px){.channel-contact{left:1%;gap:4px}.channel-contact .contact-info strong{font-size:clamp(9px,2.85vw,11px)}}
@media(prefers-reduced-motion:reduce){.channel-contact .contact-info strong{animation:none;opacity:1}}

/* v69: restore compact contact geometry; pulse only a soft underlight. */
.channel-contact{left:3%;right:auto;gap:5px;top:-8px}
.contact-info{flex:none;min-width:0;gap:2px;position:relative}
.contact-info b{font:700 10px Arial,sans-serif;letter-spacing:0}
.channel-contact .contact-info strong{font:800 clamp(8px,2.35vw,12px) Arial,sans-serif;line-height:1.2;letter-spacing:-.3px;color:#213a32;text-shadow:0 -1px 0 #fff,0 1px 0 #fff9;animation:none;transform:none;opacity:1;position:relative;z-index:1}
.contact-info:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:8px;border-radius:50%;background:#a5e851;filter:blur(4px);opacity:.12;pointer-events:none;animation:contact-underlight 3s ease-in-out infinite}
@keyframes contact-underlight{0%,100%{opacity:.08}50%{opacity:.4}}
@media(max-width:380px){.channel-contact{left:1%;gap:3px}.channel-contact .contact-info strong{font-size:clamp(8px,2.25vw,9px)}}
@media(prefers-reduced-motion:reduce){.contact-info:after{animation:none;opacity:.15}}

/* v70: lower the phone baseline and add crisp shallow emboss. */
.contact-info{gap:4px;transform:translateY(2px)}
.channel-contact .contact-info strong{font-weight:900;color:#18362c;letter-spacing:-.35px;text-shadow:0 -1px 0 #fff,0 1px 0 #c0d0c3,0 2px 1px #15352540}
.contact-info:after{bottom:-3px;opacity:.12}

/* v71: matching raised contact name and number. */
.contact-info{gap:2px}
.contact-info b{font:900 11px/1.2 Arial,sans-serif;color:#18362c;letter-spacing:-.2px;transform:translateY(2px);text-shadow:0 -1px 0 #fff,0 1px 0 #c0d0c3,0 2px 1px #15352540}
@media(min-width:651px){.contact-info b{font-size:12px}}

/* v72: restrained local glows and a tiny lime menu label. */
.contact-info{gap:3px}
.contact-info b{transform:none}
.channel-head:before{filter:drop-shadow(0 -1px 0 #fff) drop-shadow(1px 1px 0 #c5ced3) drop-shadow(1px 2px 0 #8d9ba5) drop-shadow(0 2px 0 #596b78) drop-shadow(0 6px 5px #0005) drop-shadow(0 9px 13px #a9e4cd30)}
.contact-portrait{box-shadow:0 2px 0 #348545,0 4px 8px #0004,0 5px 13px #78ef6570,0 8px 23px #8ded3933}
.subscribe-tab{box-shadow:inset 0 1px 0 #ffffff66,0 3px 0 #870b0b,0 7px 10px #0004,0 6px 16px #ff38385c,0 10px 25px #ff55252b}
.channel-menu .menu-label{display:inline-block;padding:3px 5px;border-radius:5px;background:linear-gradient(135deg,#f5aaa4,#e88c87);color:#fff;font-weight:800;line-height:1;box-shadow:inset 0 1px 0 #ffffffa0,0 1px 2px #853b3525}

/* v74: metallic menu lettering on white with a soft cyan backlight. */
.channel-menu .menu-label{background:linear-gradient(145deg,#db5652,#ba3534);color:#fff;text-transform:none;font-family:Arial,sans-serif;font-weight:700;font-size:11px;letter-spacing:0;padding:4px 6px;border-radius:5px;text-shadow:none;filter:none;box-shadow:inset 0 1px 0 #ffffff55,0 1px 2px #78211e30}

/* v76: let the light backing disperse outward; remove the header divider. */
header{border-bottom:0}
header .brand-turn .wordmark-frame{overflow:visible;border:0;box-shadow:0 0 18px #ffbd4628}
header .brand-turn .wordmark-frame:after{background:linear-gradient(to bottom,rgba(23,26,29,.55),transparent 18%,transparent 86%,rgba(23,26,29,.22)),linear-gradient(to right,#171a1d55,transparent 5%,transparent 95%,#171a1d55)}
header .brand-turn .wordmark-frame:before{content:"";position:absolute;z-index:-1;left:3%;right:3%;top:76%;height:38px;border-radius:50%;background:radial-gradient(ellipse at 50% 0,rgba(190,185,161,.35),rgba(153,149,130,.15) 40%,transparent 72%);filter:blur(9px);pointer-events:none}
header .wordmark-image{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,#000d 94%,#0008 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,#000d 94%,#0008 100%)}
/* Continuous dark sidewall around all branches of the white backplate. */
.channel-head:before{filter:drop-shadow(0 -1px 0 #fff) drop-shadow(1px 1px 0 #aab6bc) drop-shadow(1px 1px 0 #35424a) drop-shadow(0 2px 0 #172128) drop-shadow(0 2px 0 #11191e) drop-shadow(0 6px 5px #0006) drop-shadow(0 9px 13px #a9e4cd30)}

/* v77: feather the actual composite into the page, without a hard frame. */
header .brand-turn .wordmark-frame{border:0!important;border-radius:0;background:transparent;box-shadow:none!important;overflow:visible;
-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000b 9%,#000 19%,#000 67%,#000e 75%,#0009 84%,#0003 94%,transparent 100%);
mask-image:linear-gradient(to bottom,transparent 0%,#000b 9%,#000 19%,#000 67%,#000e 75%,#0009 84%,#0003 94%,transparent 100%)}
header .brand-turn .wordmark-frame:before,header .brand-turn .wordmark-frame:after{content:none}
header .wordmark-image{clip-path:none;border-radius:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}

/* v78: broad four-sided feathering rather than a visible rectangular backing. */
header .brand-turn .wordmark-frame{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#0003 7%,#000a 16%,#000 27%,#000 64%,#000b 77%,#0004 91%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#0003 7%,#000a 16%,#000 27%,#000 64%,#000b 77%,#0004 91%,transparent 100%)}
header .wordmark-image{-webkit-mask-image:linear-gradient(to right,transparent 0%,#0005 2%,#000c 4%,#000 7%,#000 93%,#000c 96%,#0005 98%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#0005 2%,#000c 4%,#000 7%,#000 93%,#000c 96%,#0005 98%,transparent 100%)}

/* v79: feather the dot field before its baked-in edge; diffuse light outside it. */
header .wordmark-image{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#0002 10%,#0009 22%,#000 36%,#000 62%,#0008 78%,#0002 88%,transparent 96%);mask-image:linear-gradient(to bottom,transparent 0%,#0002 10%,#0009 22%,#000 36%,#000 62%,#0008 78%,#0002 88%,transparent 96%)}
header .brand-turn .wordmark-frame{-webkit-mask-image:linear-gradient(to right,transparent,#0009 3%,#000 8%,#000 92%,#0009 97%,transparent);mask-image:linear-gradient(to right,transparent,#0009 3%,#000 8%,#000 92%,#0009 97%,transparent)}
header .brand-turn .wordmark-frame:before{content:"";position:absolute;inset:-12px -5px;background:none center/100% auto no-repeat;filter:blur(12px);opacity:.32;z-index:-1;border-radius:40%;height:auto;pointer-events:none}
header .brand-turn .flip-back:before{background-image:none}

/* v80: outlined upper branches and a convex service ribbon. */
.channel-top .social-strip{position:relative;isolation:isolate}
.channel-top .social-strip:before{content:"";position:absolute;z-index:-1;inset:5px -5px -7px;border:2px solid #fff;border-radius:11px 12px 5px 5px;background:linear-gradient(135deg,#fff,#e0e6e8);box-shadow:inset 0 -2px 1px #a5b1b8,1px 2px 0 #5b6972,2px 4px 0 #162028,2px 6px 7px #0007}
.channel-menu summary{position:relative;isolation:isolate;padding:8px 5px}
.channel-menu summary:before{content:"";position:absolute;z-index:-1;inset:0 -3px -8px;border:2px solid #fff;border-radius:9px 9px 4px 4px;background:linear-gradient(135deg,#fff,#e0e6e8);box-shadow:inset 0 -2px 1px #a5b1b8,1px 2px 0 #5b6972,2px 4px 0 #162028,2px 6px 7px #0007}
.channel-top{gap:13px}
#gift .stage{perspective:800px;height:380px}
#gift .card{width:190px;margin-left:-95px;height:325px;top:22px;border-radius:26px / 17px;padding:16px;transition:transform 1.35s cubic-bezier(.4,0,.2,1),opacity 1s;box-shadow:inset 3px 0 7px #ffffff30,inset -7px 0 14px #0006,0 12px 18px #0005}
#gift .card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0003,transparent 18%,#fff1 45%,transparent 70%,#0004);box-shadow:inset 0 1px 1px #fff8}
#gift .card .photo-window strong{font-size:21px}
#gift .card h3{font-size:22px}
@media(prefers-reduced-motion:reduce){#gift .card{transition:none}}

/* v81: compact content cards and convex section selector. */
.panel .card>small{display:none}
#gift .card,.panel .card{height:258px;padding:12px}
.panel .card .banner{margin-top:0;margin-bottom:0;height:145px;flex:none}
.panel .card h3,#gift .card h3{margin:9px 0 8px;font-size:20px;line-height:1.05}
.panel .card>span:last-child{margin-top:0}
#gift .stage,.stage.fan,.stage.ribbon{height:295px}
.orbit .card{height:250px}
body>nav{height:110px;width:min(480px,calc(100% - 12px));display:block;perspective:480px;touch-action:pan-y}
body>nav .bubble{display:none}
body>nav>button{position:absolute;left:50%;top:4px;margin-left:-47px;width:94px;height:100px;padding:7px 2px;border-radius:22px / 12px;background:linear-gradient(100deg,#17242c,#344853 45%,#17232b);border:1px solid #b5d8df70;box-shadow:inset 2px 1px 3px #ffffff50,inset -5px 0 9px #0007,0 7px 10px #0006;transition:transform .7s cubic-bezier(.22,.8,.2,1),border-color .3s;backface-visibility:hidden}
body>nav>button[aria-current=page]{border-color:#d9ff70;box-shadow:inset 2px 1px 3px #fff8,inset -5px 0 9px #0007,0 5px 17px #a9e84535}
body>nav .character-icon,body>nav button[aria-current=page] .character-icon{transform:none;width:52px;height:50px}
body>nav button>.calm-label,body>nav button[aria-current=page]>.calm-label{transform:none;font-size:11px;padding:3px 0}
main{padding-bottom:135px}
@media(prefers-reduced-motion:reduce){body>nav>button{transition:none}}

/* v82: mobile edge-to-edge selection, stable item positions. */
body>nav{left:0;right:0;transform:none;width:100%;height:79px;bottom:calc(9px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:0 4px;perspective:none}
body>nav>button{position:relative;left:auto;top:0;margin:0;width:100%;height:74px;min-width:0;border-radius:13px / 9px;padding:4px 0;transform-origin:center bottom;transition:transform .5s cubic-bezier(.22,.8,.2,1),box-shadow .4s}
body>nav .character-icon,body>nav button[aria-current=page] .character-icon{width:39px;height:38px}
body>nav button>.calm-label,body>nav button[aria-current=page]>.calm-label{font-size:clamp(9px,2.7vw,12px);padding:1px 0;min-width:0;line-height:1.15}
body>nav>button:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0002,transparent 25%,#fff1 50%,transparent 75%,#0003);opacity:.45;transition:opacity .4s}
body>nav>button[aria-current=page]:after{opacity:1}
@media(prefers-reduced-motion:reduce){body>nav>button,body>nav>button:after{transition:none}}

/* v83: one rasterised ribbon with a continuous per-column fisheye warp. */
body>nav{height:120px;padding:0;display:block;bottom:env(safe-area-inset-bottom,0px);overflow:hidden}
.fisheye-surface{position:absolute;inset:0;width:100%;height:120px;pointer-events:none}
body>nav>button,body>nav>button[aria-current=page]{position:absolute;top:8px;height:108px;margin:0;padding:0;transform:none!important;background:transparent;border:0;box-shadow:none;border-radius:0;transition:none}
body>nav>button>span,body>nav>button:after{visibility:hidden}
body>nav>button:focus-visible{outline:2px solid #d8ff79;outline-offset:-4px}

/* v85: content begins directly with cards, without introductory panels. */
#ribbon>.heading,#orbit>.heading{display:none}
#ribbon .stage,#orbit .stage{margin-top:0}
#orbit .card{top:18px}
#orbit .stage{height:295px}
#agency.content-screen,#contact.content-screen{padding:0;margin-top:0}
.info-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:14px max(12px,calc((100% - 280px)/2)) 22px;scrollbar-width:none;align-items:stretch}
.info-rail::-webkit-scrollbar{display:none}
.info-card{flex:0 0 280px;scroll-snap-align:center;padding:16px;text-align:left;border-radius:22px;border:1px solid #bfd9dd77;background:linear-gradient(135deg,#38545f,#1a2631 80%);box-shadow:inset 1px 1px 2px #ffffff60,inset -3px -3px 9px #0005,0 8px 15px #0004}
.info-card:nth-child(2n){background:linear-gradient(135deg,#544764,#1c2532 80%)}
.info-card h2{font-size:23px!important;letter-spacing:-.5px!important;line-height:1.1;margin:10px 0!important}
.info-card p,.info-card p.lead{font-size:14px;line-height:1.5;margin:8px 0;color:#e0e8eb}
.info-picture{height:125px;border-radius:13px;background-image:url('card-atlas-v62.64bc4baa60db.webp');background-size:400% 300%}
.info-card .phone{font-size:19px;white-space:nowrap}
.info-card a{color:#dfff7c}
.info-card small,.info-card .note{font-size:11px;line-height:1.4}
.info-card form{display:grid;gap:8px}
.info-card form label{font-size:13px}
.info-card input,.info-card textarea{width:100%;min-width:0;padding:10px}
.info-card textarea{min-height:75px}
.info-card .button{font-size:13px;padding:12px}
@supports ((animation-timeline:view()) and (animation-range:entry)){
@keyframes info-depth{0%,100%{transform:scale(.91) rotateY(8deg)}50%{transform:scale(1) rotateY(0)}}
@media(prefers-reduced-motion:no-preference){.info-card{animation:info-depth linear both;animation-timeline:view(inline)}}
}
.info-card p.lead{padding:0;background:none;border:0;border-radius:0;box-shadow:none;font-size:14px;line-height:1.5;font-weight:400}

/* v86: compact about cards; full copy lives in accessible detail dialogs. */
#agency .info-card{flex-basis:220px;padding:12px;min-height:254px;display:flex;flex-direction:column}
#agency .info-rail{padding-inline:max(12px,calc((100% - 220px)/2))}
#agency .info-picture{height:135px;flex:none}
#agency .info-card h2{font-size:20px!important;margin:9px 0!important}
.about-more{align-self:flex-start;margin-top:auto;border:1px solid #edff9b;border-radius:8px;padding:8px 12px;background:linear-gradient(#ecff89,#c7f14d);color:#20300d;font:800 12px Arial;box-shadow:0 2px 0 #7a962f}
.about-detail{max-height:80dvh;overflow:auto}
.about-detail h2{padding-right:12px}
.about-detail p{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;font-size:16px!important;line-height:1.55!important;color:#e0e8eb!important}
.detail-attribution{margin-top:20px;font-size:11px;line-height:1.5;color:#aab6bf}
.detail-attribution a{font-size:inherit;color:#bdd798}

/* v87: tighten section spacing without clipping raised edges. */
#agency.content-screen,#contact.content-screen{margin:0}
.info-rail{padding-top:6px;padding-bottom:12px;gap:10px}
#agency .info-card{min-height:0;padding:10px;justify-content:flex-start}
#agency .info-card h2{margin:7px 0!important;line-height:1.08;min-height:44px}
#agency .about-more{margin-top:0;padding:7px 11px}
#agency .info-picture{height:120px}
#gift .stage,.stage.fan,.stage.ribbon,#orbit .stage{height:282px}
#gift .card,.stage.fan .card,.stage.ribbon .card,#orbit .card{top:10px}
main{padding-bottom:100px}

/* v88: fixed, measured rows keep all six step actions inside their cards. */
#orbit .card{display:grid;grid-template-rows:120px 44px 28px;gap:8px;width:168px;margin-left:-84px;height:234px;padding:12px;align-content:start}
#orbit .card .banner{height:120px;width:100%;min-width:0;margin:0}
#orbit .card h3{font-size:17px;line-height:1.15;letter-spacing:-.3px;margin:0;align-self:center;overflow-wrap:break-word}
#orbit .card>span:last-child{margin:0;justify-self:start;align-self:start;white-space:nowrap;font-size:11px;line-height:14px;padding:6px 9px;max-width:100%;box-sizing:border-box}
#orbit .card .photo-window strong{display:block;white-space:nowrap;font-size:20px;line-height:1.1;letter-spacing:0;padding:8px;text-transform:uppercase}

/* v89: compact contact launchers with on-demand details. */
#contact .info-rail{padding:8px 4px 14px;gap:8px;justify-content:center}
#contact .info-card{flex:0 1 210px;min-width:0;padding:14px 12px;border-radius:18px / 12px;background:linear-gradient(100deg,#172730,#405763 48%,#172730);border:1px solid #9cbdc9;box-shadow:inset 1px 1px 3px #fff5,inset -4px 0 8px #0005,0 5px 10px #0004;animation:none;display:flex;flex-direction:column;gap:10px}
#contact .info-card h2{font-size:18px!important;line-height:1.15;margin:0!important;min-height:42px}
#contact .about-more{margin-top:0;font-size:11px;padding:7px 9px}
.contact-detail{max-height:85dvh;overflow:auto;width:min(420px,92vw);padding:28px 22px}
.contact-detail h2{font-size:25px;margin:8px 0 16px;padding-right:15px}
.contact-detail .phone{font-size:21px}
.contact-detail form{display:grid;gap:12px}
.contact-detail input,.contact-detail textarea{width:100%;min-width:0;padding:12px}
.contact-detail label{display:grid;gap:6px;font-size:14px}
.contact-detail .note,.contact-detail small{font-size:12px;line-height:1.4}
.contact-detail .button{font-size:14px;padding:12px}

/* v90: bring the entire channel assembly closer to the wordmark. */
main{padding-top:3px}
.channel-head{padding-top:12px;margin-top:0;margin-bottom:0}
.channel-head:before{top:16px}
@media(min-width:651px){.channel-head:before{top:22px}}

/* v91: center the step ring in the space above the mobile selector. */
#orbit .card{top:var(--step-offset,28px)}

#contact.content-screen{background:transparent;border:0;box-shadow:none;border-radius:0}

/* v93: consistent soft underlighting across every section. */
#gift .card,#ribbon .card,#orbit .card,
#agency .info-card,#contact .info-card{
box-shadow:inset 1px 1px 2px #ffffff60,inset -3px -3px 7px #0006,
0 5px 8px #0005,0 10px 16px #caff6842,0 17px 30px #a9df4628;
}
#gift .card.active,#ribbon .card.active,#orbit .card.active{
box-shadow:inset 1px 1px 2px #ffffff75,inset -3px -3px 7px #0006,
0 5px 8px #0005,0 12px 20px #d5ff7866,0 20px 36px #b6eb4238;
}
#agency .info-rail,#contact .info-rail{padding-bottom:38px!important}
#gift .stage,.stage.ribbon{height:308px}

/* v95: prevent expanded source markup flashing before atomic panel setup. */
#agency:not(.compact-ready)>*,#contact:not(.compact-ready)>*{visibility:hidden}
#agency .asset-credits{display:none}
#agency .info-rail{align-items:start}
#agency .info-card{height:254px;min-height:254px;max-height:254px}
#contact .info-card{height:112px;min-height:112px;max-height:112px}

/* v96: recessed red control and engraved contact inset. */
.subscribe-tab{
border:1px solid #9c201f;
background:linear-gradient(160deg,#ad181c 0%,#d52428 48%,#ed3838 100%);
box-shadow:inset 2px 3px 5px #65060ab3,inset -1px -2px 2px #ffb2a975,
0 1px 0 1px #ffe3dbab,0 -1px 0 #611a2266,0 5px 9px #0005,0 7px 18px #ff383845;
text-shadow:0 1px 0 #ffbbb955,0 -1px 1px #760e15;
}
.subscribe-tab:hover,.subscribe-tab:focus-visible{background:linear-gradient(160deg,#ba1c22,#ef3b3d);box-shadow:inset 2px 3px 6px #65060ab3,inset -1px -2px 2px #ffc7bc88,0 1px 0 1px #ffe3dbab,0 6px 18px #ff38385c}
.subscribe-tab:active{box-shadow:inset 3px 4px 8px #550309c9,inset -1px -1px 2px #ffb2a975,0 1px 0 #fff9}
.channel-contact .contact-info{position:relative;isolation:isolate}
.channel-contact .contact-info:after{content:"";position:absolute;inset:-3px -4px;z-index:-1;border:1px solid #8caaa29c;border-radius:6px;background:linear-gradient(150deg,#b6c6bd,#e7ede5);
box-shadow:inset 2px 2px 3px #39574d63,inset -1px -1px 2px #ffffffd9,0 1px 0 #ffffffd9;pointer-events:none}
.channel-contact .contact-info b,.channel-contact .contact-info strong{color:#244137;text-shadow:0 1px 0 #ffffffd9,0 -1px 0 #16382d38}

/* v97: raised lettering and individually extruded menu bars. */
.channel-top .social-badge>span:last-child{
font-family:Arial,sans-serif;font-size:clamp(9px,2.5vw,12px);font-weight:900;letter-spacing:-.15px;white-space:nowrap;color:#263640;line-height:1.25;
text-shadow:0 -1px 0 #fff,0 .6px 0 #a9b5bc,0 1.2px 0 #7b8a94,0 2px 1px #0003;
}
.channel-menu .menu-lines{display:flex;flex-direction:column;justify-content:space-between;width:18px;height:17px;font-size:0;flex:none}
.channel-menu .menu-lines i{display:block;width:18px;height:3px;border-radius:1.5px;background:linear-gradient(#647a86,#263e4b);border-top:1px solid #a7bbc3;box-shadow:0 1px 0 #172832,0 2px 1px #0004}
.channel-menu .menu-label{
background:linear-gradient(#f65e59,#cc292c);border:1px solid #f89086;
color:#fff;font-weight:900;font-size:11px;padding:4px 6px;
box-shadow:inset 0 1px 0 #ffd2bf,0 1px 0 #aa2429,0 2px 0 #832127,0 3px 3px #0004;
text-shadow:0 -1px 0 #ffffff80,0 1px 0 #ab292d,0 1.6px 1px #791c2580;
}
.channel-menu[open] .menu-lines i{background:linear-gradient(#9cae73,#476630)}
@media(max-width:360px){.channel-top .social-badge>span:last-child{font-size:8.7px;letter-spacing:-.2px}}

.channel-top .social-strip{grid-template-columns:1.12fr 1.22fr .72fr .6fr 1.34fr}

/* v98: equal social icon spacing; fit raised captions within their own slots. */
.channel-top .social-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
.channel-top .social-badge>span:last-child{font-size:clamp(8px,2.15vw,11px);letter-spacing:-.2px}
.channel-contact .contact-info{transform:translateY(5px)}

/* v99: reveal the shared third backing layer behind the two raised upper tabs. */
.channel-head:before{
filter:drop-shadow(0 -1px 0 #fff) drop-shadow(-1px 0 0 #c8d8df)
drop-shadow(1px 1px 0 #a4b7c1) drop-shadow(1px 2px 0 #405663)
drop-shadow(0 2px 0 #14252f) drop-shadow(0 5px 5px #0007)
drop-shadow(0 9px 13px #a9e4cd30);
}
.channel-top:before{
content:"";position:absolute;left:-7px;right:-7px;top:9px;bottom:-10px;
z-index:-2;border-radius:12px 12px 7px 7px;
background:linear-gradient(150deg,#eef4f5,#b5c4cc);
border:1px solid #f8ffff;
box-shadow:inset 0 1px 0 #fff,inset 0 -2px 2px #647b89,
0 2px 0 #314b5b,0 4px 0 #172832,0 7px 8px #0006;
pointer-events:none;
}
.channel-top{isolation:isolate}
.channel-top .social-strip:before,.channel-menu summary:before{
box-shadow:inset 0 -2px 1px #a5b1b8,1px 2px 0 #5b6972,
1px 3px 0 #243b49,0 5px 4px #10273370;
}

/* v100: compact director title within the contact branch. */
.channel-contact .contact-info{width:143px;max-width:calc(100vw - 241px);gap:1px;transform:translateY(3px)}
.channel-contact .contact-role{display:block;font:700 8.5px/1.15 Arial,sans-serif;letter-spacing:0;color:#3c5148;text-shadow:0 1px 0 #fff;white-space:normal}
.channel-contact .contact-info:after{inset:-3px -4px}
.channel-bottom{height:49px;min-height:49px}
.channel-contact .contact-info strong{white-space:nowrap}
@media(min-width:651px){.channel-contact .contact-info{width:200px;max-width:none}.channel-contact .contact-role{font-size:10px}}

/* v101: small clearance above the contact name. */
.channel-contact .contact-info b{position:relative;top:2px}

/* v102: lower the contact copy together and remove exposed backing tabs. */
.channel-contact .contact-info{transform:translateY(7px)}
.channel-contact .contact-info b{top:0}
.subscribe-tab{top:7px}

/* v103: one-line name/title, with the phone raised inside the lower branch. */
.channel-contact .contact-info{width:145px;max-width:calc(100vw - 240px);gap:3px;transform:translateY(0)}
.channel-contact .contact-title{display:flex;align-items:baseline;gap:3px;white-space:nowrap;line-height:1.15}
.channel-contact .contact-title b{position:static;font:900 9px/1.15 Arial,sans-serif;flex:none}
.channel-contact .contact-title .contact-role{font:700 6.8px/1.15 Arial,sans-serif;white-space:nowrap;letter-spacing:-.12px}
.channel-contact .contact-info strong{font-size:9px;line-height:1.2;letter-spacing:-.25px;transform:none}
@media(max-width:380px){
.subscribe-tab{padding-inline:9px;font-size:12px}
.channel-contact .contact-info{max-width:calc(100vw - 212px)}
.channel-contact .contact-title{gap:2px}
.channel-contact .contact-title b{font-size:8px}
.channel-contact .contact-title .contact-role{font-size:6px}
}
@media(min-width:651px){.channel-contact .contact-info{width:245px;max-width:none}.channel-contact .contact-title b{font-size:12px}.channel-contact .contact-title .contact-role{font-size:10px}.channel-contact .contact-info strong{font-size:12px}}

/* v104: offset the portrait only, preserving contact text alignment. */
.channel-contact .contact-portrait{position:relative;left:-4px;top:4px}

/* v105: lower both contact text rows together within the existing branch. */
.channel-contact .contact-info{transform:translateY(3px)}

/* v106: viewport drawer beneath the contact plate, above bottom navigation. */
body>.menu-drawer{position:fixed;left:10px;right:10px;width:auto;z-index:9;margin:0;padding:14px;transform:none;display:flex;flex-direction:column;justify-content:center;gap:8px;overflow:auto;
border:1px solid #e6f8ff55;border-radius:18px;background:rgba(17,29,37,.30);
backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
box-shadow:inset 0 1px 0 #ffffff40,0 12px 35px #0004;animation:drawer-reveal .25s ease-out}
body>.menu-drawer[hidden]{display:none}
.menu-drawer button{flex:0 0 auto;min-height:40px;text-align:left;padding:10px 16px;border:1px solid #ffffff30;border-radius:10px;color:#fff;background:#21343b70;font:800 15px Arial;text-shadow:0 1px 2px #000}
.menu-drawer button:hover,.menu-drawer button:focus-visible,.menu-drawer button[aria-current=page]{background:#d9ff8bcc;color:#20301b;text-shadow:none}
@keyframes drawer-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){body>.menu-drawer{animation:none}}
@media(max-height:700px){body>.menu-drawer{justify-content:flex-start;padding:10px;gap:5px}.menu-drawer button{min-height:34px;padding:8px 12px;font-size:13px}}

/* v107: navigation overlays only the banner screen. */
body>.menu-drawer{padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-content:stretch;gap:7px;justify-content:stretch;border:2px solid #f1f8fb;box-sizing:border-box;border-radius:13px;background:#14232a4d;overflow:auto}
body>.menu-drawer[hidden]{display:none}
body>.menu-drawer button{min-height:0;padding:7px 4px;text-align:center;font-size:13px;line-height:1.2}
body>.menu-drawer button:last-child{grid-column:2 / 4}

/* v108: dark menu slide shares the banner's actual clipped and tilted canvas. */
.channel-banner>.menu-drawer{position:absolute;inset:0;width:100%;height:100%;z-index:9;padding:10px;margin:0;transform:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px;border:0;border-radius:inherit;box-sizing:border-box;overflow:auto;background:rgba(8,16,23,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:inset 0 1px 14px #0006;animation:menu-slide-fade .7s ease both}
.channel-banner>.menu-drawer[hidden]{display:none}
.channel-banner>.menu-drawer button{min-height:0;padding:7px 4px;text-align:center;font-size:13px;line-height:1.2;background:#263e487a;border-color:#dcf5ff40}
.channel-banner>.menu-drawer button:last-child{grid-column:2 / 4}
.channel-banner>.menu-drawer button[aria-current=page],.channel-banner>.menu-drawer button:hover{background:#cdeb819c;color:#fff}
@keyframes menu-slide-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.channel-banner>.menu-drawer{animation:none}}

/* v109: deeper pin-metal wordmarks; retain complete extrusion and soft outer fade. */
header .brand-flip{aspect-ratio:5.5/1}
header .wordmark-image{-webkit-mask-image:linear-gradient(to bottom,transparent,#000b 10%,#000 22%,#000 78%,#000b 90%,transparent);mask-image:linear-gradient(to bottom,transparent,#000b 10%,#000 22%,#000 78%,#000b 90%,transparent)}

/* v110: sparse golden dust extending from the lettering toward the upper plates. */
header{position:relative;isolation:isolate;overflow:visible}
header:before{content:"";position:absolute;pointer-events:none;z-index:-1;left:0;right:0;top:-3px;height:calc(100% + 42px);background:none center/100% 100% no-repeat}

/* v111: static embossed wordmark, no dust, flip or duplicate halo. */
header:before{content:none!important}
header .brand-turn,header .brand-turn .wordmark-frame{animation:none!important;transform:none!important}
header .brand-turn .flip-front{opacity:1!important;visibility:visible!important}
header .brand-turn .wordmark-frame:before,header .brand-turn .wordmark-frame:after{content:none!important}
header .brand-flip{perspective:none}
header .wordmark-image{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 84%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 84%,transparent)}

/* v112: expose the continuous surface deformation surrounding the relief. */
header .brand-flip{aspect-ratio:4.5/1}
header .wordmark-image{-webkit-mask-image:linear-gradient(to bottom,transparent,#000c 12%,#000 25%,#000 75%,#000c 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000c 12%,#000 25%,#000 75%,#000c 88%,transparent)}

.static-services{display:none}
/* Native scroll, predictable tap targets; no JS smooth-scroll interception. */
.stage,body>nav{touch-action:pan-y pinch-zoom}
.info-rail{scroll-snap-type:x proximity;touch-action:pan-x pan-y pinch-zoom}
.card .detail-cta{position:relative;z-index:2;min-height:40px;display:inline-flex;align-items:center}
#orbit .card .detail-cta{min-height:28px}
.panel .stage .card,.panel .stage .ring{transition:transform .18s ease-out,opacity .18s!important}
.panel .stage.dragging .card,.panel .stage.dragging .ring{transition:none!important}
.panel .stage{user-select:none;-webkit-user-select:none}
.panel .stage .card .detail-cta{position:absolute;top:6px;right:6px;bottom:auto;left:auto;min-height:26px;padding:3px 6px;z-index:4;font-size:12px;line-height:16px;border-radius:8px;box-shadow:0 2px 4px #0005}
.panel .stage .card .detail-cta:before{content:"";position:absolute;inset:-8px -3px}
#gift .stage .card,#ribbon .stage .card{height:230px;padding:10px}
#gift .stage .card{width:180px;margin-left:-90px}
#ribbon .stage .card{width:198px;margin-left:-99px}
#gift .stage .card .banner,#ribbon .stage .card .banner{height:132px}
#gift .stage,#ribbon .stage{height:264px}
#orbit .stage .card{height:210px;width:160px;margin-left:-80px;padding:10px;grid-template-rows:120px 54px;gap:8px}
.panel .stage .card .photo-window{padding-top:0}
@media(prefers-reduced-motion:reduce){.panel .stage .card,.panel .stage .ring{transition:none!important}}
dialog{max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}
dialog .close{min-width:44px;min-height:44px}