/* Atlantic — white drum reference, restrained white / green / red interface. */
:root{--paper:#101010;--ink:#fff;--copy:#fff;--accent:#31d5a0;--red:#ed3349;--gold:#fff;--lime:#31d5a0;--muted:rgba(255,255,255,.72);--line:rgba(255,255,255,.18)}
body.brand-demo{background-color:#101010;color:#fff;background-image:radial-gradient(ellipse at 6% 10%,#ed334916,transparent 32%),radial-gradient(ellipse at 98% 42%,#31d5a00c,transparent 30%)}
.brand-demo .header{background:#101010bd;border-color:#ffffff24}.brand-demo .services,.brand-demo .closing,.brand-demo .social-feature,.brand-demo .booking-form{background:linear-gradient(125deg,#ffffff09,#ffffff02)}
.brand-demo .profile{background:#0b0b0b}.brand-demo .profile:before{background:url('/brand/white-drum.svg') center/contain no-repeat;filter:none;opacity:.13}.brand-demo .heritage-sun,.brand-demo .closing-sun{filter:none;opacity:.19;object-fit:contain}.brand-demo .heritage-sun{right:-100px;top:50%;translate:0 -50%;width:clamp(280px,32vw,620px);height:auto}.brand-demo .closing-sun{translate:0 0}
.brand-demo .heritage-divider{gap:26px;color:#fff;margin-block:24px}.brand-demo .heritage-divider>span{height:1px;border:0;filter:none;background:linear-gradient(90deg,transparent,#ffffff66)}.brand-demo .heritage-divider>span:last-child{background:linear-gradient(90deg,#ffffff66,transparent)}.drum-mark{width:52px;height:52px;object-fit:contain;flex-shrink:0;opacity:.88}
.brand-demo .discipline-bar i{width:16px;height:18px;color:#fff}.discipline-logo{display:block;width:16px;height:18px;object-fit:contain;opacity:.68}.brand-demo .discipline-bar span{color:#fff}.brand-demo .services:after{display:none}.brand-demo .footer:before{background:linear-gradient(90deg,#fff 0 33.333%,#31d5a0 33.333% 66.666%,#ed3349 66.666%);height:2px;opacity:.4}
.brand-demo h1,.brand-demo h2,.brand-demo h3,.brand-demo .intro-word strong{font-feature-settings:"kern";font-kerning:normal;word-break:normal!important;overflow-wrap:normal!important;hyphens:none;text-wrap:balance;letter-spacing:-.025em}
.brand-demo h1>span,.brand-demo h2>span,.brand-demo h3>span,.brand-demo .intro-word strong>span{display:inline!important;word-break:normal;overflow-wrap:normal}.brand-demo h1 .accent-dot,.brand-demo h2 .accent-dot,.brand-demo h3 .accent-dot,.brand-demo .intro-word .accent-dot{white-space:nowrap}
.brand-demo .hero h1{max-width:17em;font-size:clamp(38px,5.2vw,88px);line-height:1.12;margin-inline:auto}.brand-demo .hero-intro{line-height:1.65}.brand-demo h2{font-size:clamp(32px,3.6vw,60px);line-height:1.16;max-width:18em}.brand-demo .service-panel h3{font-size:clamp(30px,3.15vw,54px);line-height:1.18;max-width:18em;white-space:normal!important}.brand-demo .catalog-card .work-card-body h3{font-size:clamp(21px,1.8vw,29px);line-height:1.26;letter-spacing:-.018em;text-wrap:pretty}
.brand-demo .eyebrow,.brand-demo .profile .eyebrow,.brand-demo .reel-meta,.brand-demo .closing .wrap>span,.brand-demo .service-preview-caption .art-eyebrow{color:rgba(255,255,255,.8)}.brand-demo p,.brand-demo li,.brand-demo .profile p,.brand-demo .profile-bottom>span{color:rgba(255,255,255,.72)}
.brand-demo .catalog-poster,.brand-demo .catalog-poster>img,.brand-demo .catalog-card[data-kind] .catalog-poster,.brand-demo .catalog-card[data-kind=flipbook] .catalog-poster>img,.brand-demo .service-preview[data-kind] >img{background:#151515!important}.brand-demo input,.brand-demo select,.brand-demo textarea,.brand-demo .booking-form input,.brand-demo .booking-form select,.brand-demo .booking-form textarea{background-color:#111;color:#fff}.brand-demo option{background:#111;color:#fff}.brand-demo .photo-viewer{background:#111111f5}.brand-demo .photo-close{background:#ffffff10}.brand-demo .intro-word,.brand-demo .intro-bottom{color:#fff}.brand-demo .intro-bottom p{color:#ffffffc7}.brand-demo .intro-vignette{background:linear-gradient(180deg,#0005,transparent 35%,#0002 52%,#000b)}
.brand-demo .work-filters [data-filter=featured].active,.brand-demo .work-filters [data-filter=all].active{background:#31d5a0!important;color:#101010!important}.brand-demo .outline{border-color:#ffffff50;color:#fff}.brand-demo .pointer-aura{color:#fff}
.profile-projects{margin-top:64px}.profile-projects .section-head{align-items:end;gap:30px}.profile-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.profile-project{display:flex;flex-direction:column;min-width:0;border:1px solid #ffffff22;background:linear-gradient(125deg,#ffffff09,#ffffff02);border-radius:18px;overflow:hidden;transition:transform .45s,border-color .4s,box-shadow .4s}.profile-project-image{aspect-ratio:16/10;position:relative;overflow:hidden;background:#151515}.profile-project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.profile-project[data-format=portrait] img,.profile-project[data-kind=scan] img{object-fit:contain}.profile-project-copy{padding:22px;display:flex;flex:1;flex-direction:column}.profile-project-copy p{font-size:11px;margin-bottom:12px}.profile-project-copy h3{font-size:23px!important;line-height:1.27!important;margin-bottom:22px}.profile-project-copy>span{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #ffffff20;margin-top:auto;font-size:12px;font-weight:700}.profile-projects h2{max-width:20em}
.motion-ready:not(.motion-visible){opacity:0;transform:none;filter:blur(7px);translate:0 38px}.motion-ready.motion-visible{animation:editorial-arrive .95s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--motion-delay,0ms)}@keyframes editorial-arrive{from{opacity:0;translate:0 38px;filter:blur(7px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.brand-demo .header{animation:nav-arrive .8s cubic-bezier(.16,1,.3,1) both}@keyframes nav-arrive{from{opacity:0;translate:0 -16px}to{opacity:1;translate:0 0}}
.brand-demo .catalog-poster>img{transition:transform .85s cubic-bezier(.16,1,.3,1),filter .45s}.brand-demo .catalog-card,.profile-project{position:relative;isolation:isolate;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s}
.catalog-card:after,.profile-project:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(500px circle at var(--mx,50%) var(--my,20%),#ffffff16,transparent 65%)}
.page-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:90;transform-origin:left;scale:0 1;background:#31d5a0;pointer-events:none}
@media(hover:hover) and (pointer:fine){.brand-demo .catalog-card:hover,.profile-project:hover{transform:perspective(1100px) translateY(-10px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-color:#31d5a099;box-shadow:0 25px 60px #0007,0 0 30px #31d5a010}.catalog-card:hover:after,.profile-project:hover:after{opacity:1}.brand-demo .catalog-card:hover .catalog-poster>img,.profile-project:hover img{transform:scale(1.055)}.brand-demo .btn .ui-icon{transition:translate .4s cubic-bezier(.16,1,.3,1)}.brand-demo .btn:hover .ui-icon{translate:3px -2px}.brand-demo .drum-mark{animation:drum-orbit 100s linear infinite}.brand-demo .heritage-sun{animation:drum-orbit 140s linear infinite}@keyframes drum-orbit{to{rotate:360deg}}}
@media(max-width:1100px){.profile-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.brand-demo .hero h1{font-size:clamp(34px,8.8vw,56px);max-width:14em}.brand-demo h2{font-size:clamp(31px,8vw,42px);line-height:1.2}.brand-demo .service-panel h3{font-size:32px;line-height:1.24}.brand-demo .intro-word strong{font-size:clamp(36px,9.5vw,64px);letter-spacing:-.025em}.brand-demo .header nav.open{background:#141414f5}.profile-project-grid{grid-template-columns:minmax(0,1fr);gap:22px}.profile-project-copy{padding:22px}.profile-projects{margin-top:44px}.drum-mark{width:42px;height:42px}.brand-demo .heritage-divider{gap:20px}.brand-demo .heritage-sun{width:300px;right:-130px;opacity:.16}.brand-demo .catalog-card .work-card-body h3{font-size:24px}.brand-demo .section-head>p{line-height:1.65}.motion-ready.motion-visible{animation-duration:.75s}.profile-page .profile-projects .section-head{display:block}}
@media(prefers-reduced-motion:reduce){.motion-ready:not(.motion-visible){opacity:1;filter:none;translate:none}.motion-ready.motion-visible,.brand-demo .header,.brand-demo .drum-mark,.brand-demo .heritage-sun{animation:none!important}.brand-demo .catalog-card,.profile-project,.profile-project img{transition:none!important;transform:none!important}.page-progress{display:none}}
@media print{.profile-projects{break-before:page}.profile-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-project{break-inside:avoid;border:1px solid #ddd}.profile-project-copy{padding:12px}.profile-project-copy h3{font-size:17px!important}.profile-project-image{max-height:140px}.page-progress{display:none}}

.brand-demo a:focus-visible,.brand-demo button:focus-visible,.brand-demo input:focus-visible,.brand-demo select:focus-visible,.brand-demo textarea:focus-visible{outline-color:#31d5a0!important}.brand-demo .keyword{white-space:nowrap}.brand-demo .catalog-card:focus-visible,.brand-demo .profile-project:focus-visible{outline-color:#31d5a0!important}

.brand-demo input,.brand-demo select,.brand-demo textarea{caret-color:#31d5a0;accent-color:#31d5a0}.brand-demo ::selection{background:#31d5a055;color:#fff}@media print{.brand-demo.profile-page h1 .keyword,.brand-demo.profile-page h2 .keyword,.brand-demo.profile-page h3 .keyword,.brand-demo.profile-page .accent-dot{color:#111!important}}
