/* Atelier V6 — a dark sculptural opening, followed by an editorial portfolio. */
:root{--paper:#f3f1ec;--ink:#222220;--muted:#69645c;--line:#d8d5cd;--dark:#1b1b1a;--accent:#b89377;--ease:cubic-bezier(.22,.75,.25,1)}
::selection{background:#c4a183;color:#151515}
:focus-visible{outline-color:#ad805c}
.button{border-radius:2px;transition:background .3s,transform .4s var(--ease);min-height:56px}
.button-dark:hover{background:#48433d}.button-light:hover{background:#ded5c9}.text-link:hover{color:#9a6d4b}
.display{font-weight:400;letter-spacing:-.055em}.soft{color:#807c74}
.header{background:#f3f1eced;border-color:#d8d5cd88}
.header-contact{border-radius:30px;min-height:44px}
.home-page .header{color:#f1eee7;background:#151515f0;border-color:#ffffff12}
.home-page .header.scrolled{background:#151515ed;box-shadow:0 3px 18px #0000000c}
.home-page .header .wordmark small{border-color:#ffffff40;color:#c5c1b8}
.home-page .header-contact{border-color:#ffffff4d}.home-page .header-contact:hover{background:#ffffff12}
.home-page .header :focus-visible{outline-color:#e2c7ac}

/* Hero: actual content stays visible before scripts and during image loading. */
.hero{background:#151515;color:#f3f1ec;padding-top:28px;padding-bottom:28px;overflow:hidden}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 40%,#65574b26,transparent 52%),linear-gradient(135deg,#1d1c1a,#141414 75%)}
.hero-top{color:#b3aea5;position:relative;z-index:2}.hero-top>.micro{font-size:9px;letter-spacing:.13em}
.tiny-dot{background:#c5a184;box-shadow:0 0 0 4px #c5a1840d}
.hero-grid{grid-template-columns:1fr 1.04fr;gap:0;min-height:640px;padding:54px 0 68px;max-width:1600px;margin:auto}
.hero-copy{z-index:3;min-width:0;padding:8px 0 0}
.hero-copy>.hero-kicker{font-size:9px;letter-spacing:.14em;color:#b4a799;margin:0 0 30px;line-height:1.5}
.hero h1{font-size:clamp(64px,7.25vw,116px);letter-spacing:-.065em;font-weight:400;line-height:1.02}
.hero-title-line{display:block!important;overflow:hidden;padding:0 .06em .14em 0;margin-bottom:-.14em;color:#f3f1ec!important}
.hero-title-line>span{display:block}
.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;color:#d0b69e}
.hero-copy>.hero-description{color:#b8b5ae;font-size:15px;line-height:1.85;max-width:345px;margin-top:35px}
.hero-actions{margin-top:32px;gap:27px}.hero-actions .text-link{color:#dbd8d1;font-size:11px;border-color:#81796e}
.button-ivory{background:#f0ece3;color:#242320;gap:32px;font-size:12px;padding:19px 23px}
.button-ivory:hover{background:#d8bea5;transform:translateY(-2px)}
.hero-art{max-width:650px;perspective:1400px;transform:translateX(2%);--light-x:0px;--light-y:0px}
.art-wash{inset:3% -4%;background:radial-gradient(ellipse at 50% 45%,#cbb59322,transparent 66%);transform:translate3d(var(--light-x),var(--light-y),0);border-radius:50%}
.art-wash:after{content:'';position:absolute;inset:7%;border-radius:50%;background:radial-gradient(ellipse,#cdb7970c,transparent 68%)}
.art-label{color:#aaa297;top:0;right:8%;font-size:8px;letter-spacing:.15em;display:flex;align-items:center;gap:10px}
.art-label i{display:block;width:30px;height:1px;background:#746b5e}
.art-scroll{inset:0 2%;transform-origin:60% 50%}
.art-flight{position:relative;transform-origin:50% 54%;border-radius:0}
.sculpture{filter:saturate(.34) brightness(1.02) contrast(1.01);width:100%;height:auto!important;object-fit:contain}
.art-light{position:absolute;inset:0;pointer-events:none;overflow:hidden;-webkit-mask:url('assets/symbol.webp') center/contain no-repeat;mask:url('assets/symbol.webp') center/contain no-repeat;mix-blend-mode:screen}
.art-sheen{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 35%,#fff2 45%,#f9eee978 50%,#fff1 56%,transparent 66%);transform:translateX(-80%);opacity:0;will-change:transform,opacity}
@supports not ((mask-image:url('')) or (-webkit-mask-image:url(''))){.art-light{display:none}}
.art-halo{inset:auto 8% 11%;height:22%;border:0;border-radius:50%;background:radial-gradient(ellipse,#b79d791c,transparent 70%);transform-origin:center;opacity:0}
.art-halo:after{display:none}
.art-shadow{left:24%;right:22%;height:14px;bottom:10%;background:#000b;filter:blur(13px)}
.art-caption{left:10%;right:7%;bottom:-6%;color:#c1b8ad}
.art-replay,.motion-toggle{font-size:9px;color:#c1b8ad}
.art-replay>span,.motion-icon{border-color:#645d54;width:28px;height:28px}
.art-replay:enabled:hover{color:#fff}.art-flight:focus-visible{outline:1px solid #dfc5a8;outline-offset:-12px}
.hero-bottom{position:relative;z-index:2;border-color:#ffffff20;padding-top:27px}
.hero-bottom>p{font-size:12px;color:#eee9df}.hero-bottom>p>span{color:#a39c92}
.reel-teaser{gap:17px}.teaser-image{overflow:hidden;border-radius:3px}
.teaser-image img{width:102px;height:65px;filter:brightness(.72)}
.teaser-image>span{font-size:14px}.reel-teaser>span:nth-child(2){color:#aaa398;font-size:8px;letter-spacing:.08em}
.reel-teaser strong{display:inline-block;font-size:12px;color:#eee9df;letter-spacing:0;margin-top:6px;font-weight:400}
.teaser-arrow{color:#d3b89c}.scroll-cue{color:#b1aba1;font-size:10px}
.motion-enabled .hero-copy{animation:none}
.motion-enabled .hero-title-line>span{animation:title-reveal 1.25s var(--ease) both}
.motion-enabled .hero-title-line:nth-child(2)>span{animation-delay:.15s}
@keyframes title-reveal{from{transform:translate3d(0,110%,0) rotate(2deg);opacity:.3}to{transform:none;opacity:1}}
.motion-paused .hero-title-line>span{animation:none!important;transform:none!important;opacity:1!important}

/* Varied spacing and image scale give the portfolio a deliberate reading pace. */
.sectors{padding-top:92px;padding-bottom:98px;background:var(--paper)}
.section-label{font-size:11px;letter-spacing:.07em}.section-heading{padding-top:52px;padding-bottom:47px}
.section-heading>p,.work-aside>p{font-size:15px;color:#69645c}
.sectors-grid{gap:24px;align-items:start}.sector-card:nth-child(even){margin-top:58px}
.sector-photo{aspect-ratio:.8;border-radius:2px;background:#dedbd3}
.sector-photo img{transition:transform 1.1s var(--ease),filter .7s}
.sector-card:hover img{transform:scale(1.045)}.sector-open{width:38px;height:38px}
.sector-name h3{font-size:22px}.sector-name>span{font-size:11px;color:#6f685f;line-height:1.7}
.sector-footnote{margin-top:32px;font-size:10px;color:#6f685f}
.work{background:#e8e5de;padding-top:79px;padding-bottom:100px}
.work .section-label{border-color:#c8c3b9}.work-grid{grid-template-columns:1.12fr 1fr;gap:65px 42px}
.project-visual,.film-stage{border-radius:3px}.project-bruma,.project-nacar{margin-top:82px}
.work-grid[data-view]:not([data-view="all"]) .project{margin-top:0}
.work-grid[data-view="concept"]{grid-template-columns:minmax(0,760px)}
.film-stage{aspect-ratio:16/8.3}.film-bottom>span:first-child{font-weight:400;letter-spacing:-.055em}
.play-ring{width:88px;height:88px;background:#ffffff0c;backdrop-filter:blur(5px);transition:background .3s,transform .5s var(--ease)}
.film-cover:hover .play-ring{background:#ffffff24;transform:scale(1.07)}
.project-info{padding-top:20px}.project-info h3{font-size:28px;font-weight:400;letter-spacing:-.045em}
.project-category{font-size:10px;color:#6b6155;line-height:1.6}.project-info>p{font-size:13px;color:#6b675f;line-height:1.7}
.project-note p{font-size:12px}.work-filters button{min-height:42px;border-color:#b9b2a5;padding:10px 18px}
.work-filters button[aria-pressed="true"]{background:#252421;color:#f3f1ec;border-color:#252421}
.services{padding-top:77px;padding-bottom:88px}.service-layout{gap:9%;padding-top:62px}
.service-intro .display>span{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#bea993;letter-spacing:-.05em}
.services .section-label,.service-intro>p,.service summary small,.service-content p{color:#b9b4ab}
.service-intro>p{font-size:15px;max-width:345px}.service summary{padding:31px 0}
.service summary>span:nth-child(2){font-weight:400;font-size:clamp(27px,2.4vw,38px)}
.service{border-color:#48443f}.service:first-child{border-color:#48443f}.service-num,.service summary i{color:#b59b80}
.service-content p{font-size:14px}.service-content>a,.service-intro>.text-link{color:#e0d3c4;border-color:#8f7c65}
.tags li{font-size:9px;border-color:#5f574d;color:#bcb3a6}.coming-soon>span{border-color:#5f574d;color:#bcb3a6}.coming-soon>p{color:#b4aa9c}
.studio{padding-top:85px;padding-bottom:90px}.studio-layout{grid-template-columns:.58fr 1fr;align-items:start;padding:67px 0}
.studio-principle{border-left:1px solid #bbb1a2;padding:8px 0 0 26px}
.studio-principle>.eyebrow{font-size:9px;color:#756552}.studio-principle>p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(23px,2.6vw,40px);line-height:1.4;letter-spacing:-.04em;margin:28px 0}
.principle-mark{display:block;font-size:45px;color:#aa957c;font-weight:400;margin-top:29px}
.studio-copy p{font-size:14px;color:#6c685f}.process-steps{gap:32px}
.process-steps li{border-color:#bfb8ac;padding-top:24px}.process-steps li>span{font-size:9px;color:#75634e}
.process-steps h3{font-size:21px;font-weight:400;margin-top:29px}.process-steps p{font-size:12px;color:#6f695f}
.faq{padding-top:77px;padding-bottom:85px;background:#eae7df}
.faq-intro .eyebrow,.faq-intro p,.faq-list p{color:#695f54}.faq-intro h2{font-size:43px;font-weight:400}
.faq-list summary{font-size:14px;padding:25px 0}.faq-list p{font-size:13px}.faq-list>details,.faq-list>details:first-child{border-color:#c5bdb0}
.contact{padding-top:94px;padding-bottom:94px;background:#1b1b1a;color:#f3eee5}
.contact-copy h2{font-size:clamp(48px,5.8vw,88px);font-weight:400;line-height:1.05}
.contact-copy h2>span{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#c4ac92;letter-spacing:-.065em}
.contact-copy .eyebrow,.contact-copy>p,.contact-phone,.form-note{color:#beb4a6}
.contact-email{border-color:#8e7d67}.field-label>span,#contact-form legend>span{color:#c2aa8c}
select{background:#292725;border-color:#716657;color:#f0e7db;font-size:13px;border-radius:2px}
.service-options span{border-color:#716657;border-radius:2px}.service-options input:checked+span{background:#e5d7c6;border-color:#e5d7c6;color:#292622}
.service-options input:focus-visible+span{outline-color:#e5d7c6}.service-options label:hover span{border-color:#dcc8ad}
textarea{border-color:#8a7963;font-size:14px;color:#f3eee5}textarea::placeholder{color:#b5a996}
.footer{background:#efebe3;padding-top:40px}.footer-top>p,.footer-bottom{color:#6d6356}.footer-top>a:last-child{border-color:#ab9c88}
.sector-hero .eyebrow,.breadcrumb,.sector-intro,.sector-hero figcaption,.sector-needs p,.example-copy>p:not(.eyebrow){color:#695f54}
.sector-offer{background:#e8e5de}.sector-needs article{border-color:#c3b9aa}.sector-needs .micro{color:#75634e}
.format-list li{border-color:#bcb09d;color:#6c5b48}.next-sector{background:#e6dfd4}.next-sector:hover{background:#dcd1c1}
.next-sector>span:first-child,.sector-cta .eyebrow,.example-copy .eyebrow{color:#7c6a53}

@media(min-width:1700px){.hero-grid{min-height:720px}.hero h1{font-size:116px}}
@media(max-width:1100px){
 .hero-grid{min-height:590px}.hero h1{font-size:7.6vw}.hero-copy>.hero-description{font-size:14px;max-width:300px}.hero-actions{gap:21px}
 .hero-actions .button{font-size:11px;padding:17px 18px}.hero-art{transform:translateX(2%)}.art-label{font-size:6px}
 .section-heading>p,.work-aside>p{font-size:14px}.sector-name h3{font-size:19px}.sector-name>span{font-size:10px}
 .work-grid{gap:46px 29px}.project-bruma,.project-nacar{margin-top:55px}.studio-principle{padding-left:20px}.studio-principle>.eyebrow{font-size:8px}
 .process-steps{gap:21px}.process-steps h3{font-size:18px}.studio-copy p{font-size:13px}
}
@media(max-width:760px){
 .home-page .header,.home-page .header.scrolled{height:74px}.hero{padding-top:20px;padding-bottom:24px}
 .hero-top .eyebrow{font-size:8px}.hero-grid{min-height:0;padding:31px 0 29px;gap:0}
 .hero-copy{display:contents}.hero-copy>.hero-kicker{order:0;font-size:8px;margin:0 0 19px;color:#b4a799}
 .hero h1{order:1;font-size:clamp(53px,13.2vw,86px);line-height:1.04;letter-spacing:-.065em}
 .hero h1 em{letter-spacing:-.06em}.hero-art{order:4;transform:none;max-width:380px;aspect-ratio:1.42;margin:30px auto 33px}
 .art-scroll{inset:0 5%}.art-label{display:none}.art-shadow{bottom:7%;left:26%;right:24%}
 .art-caption{left:7%;right:7%;bottom:-21px}.art-replay,.motion-toggle{font-size:8px}
 .art-replay>span,.motion-icon{width:24px;height:24px}.art-wash{inset:-12% -5%}.art-halo{bottom:8%}
 .hero-copy>.hero-description{order:2;margin-top:25px;font-size:14px;line-height:1.8;max-width:100%}
 .hero-actions{order:3;gap:20px;margin-top:24px}.hero-actions .button{font-size:11px;padding:16px 17px;gap:24px;min-height:53px}
 .hero-actions .text-link{font-size:11px}.hero-bottom{padding-top:23px;gap:22px}.hero-bottom>p{font-size:9px;max-width:115px}
 .reel-teaser{gap:11px}.teaser-image img{width:64px;height:47px}.reel-teaser>span:nth-child(2){font-size:6px;letter-spacing:.04em}
 .reel-teaser strong{font-size:9px;margin-top:4px}.teaser-arrow{display:none}
 .sectors,.work,.services,.studio,.faq{padding-top:54px;padding-bottom:58px}
 .section-label{font-size:9px}.section-heading{padding:32px 0 29px}.section-heading>p,.work-aside>p{font-size:13px;line-height:1.8}
 .display{font-size:clamp(37px,9.5vw,62px)}.sectors-grid{gap:25px 14px}.sector-card:nth-child(even){margin-top:30px}
 .sector-photo{aspect-ratio:.8}.sector-name h3{font-size:17px}.sector-name>span{font-size:10px;line-height:1.5}.sector-open{width:30px;height:30px}
 .sector-footnote{font-size:9px;margin-top:24px}.work-grid{grid-template-columns:1fr;gap:33px}
 .project-bruma,.project-nacar{margin-top:0}.film-stage{aspect-ratio:1.25}.film-stage.is-playing{aspect-ratio:16/9}
 .play-ring{width:62px;height:62px}.project-info h3{font-size:24px}.project-category{font-size:9px}.project-info>p{font-size:12px}
 .project-info{padding-top:16px}.project-note p{font-size:11px}.work-filters button{font-size:10px;padding:10px 14px}
 .service-layout{padding-top:37px}.service-intro .display{font-size:46px}.service-intro>p{font-size:14px;max-width:100%}
 .service summary{padding:24px 0}.service summary>span:nth-child(2){font-size:28px}.service-content p{font-size:13px}.service summary small{font-size:11px}
 .studio-layout{display:block;padding:36px 0}.studio-principle{display:none}.studio-copy p{font-size:13px}
 .process-steps{gap:29px 22px}.process-steps h3{font-size:19px;line-height:1.15}.process-steps li>span{font-size:8px}.process-steps p{font-size:12px;line-height:1.75}
 .faq-intro h2{font-size:38px}.faq-list summary{font-size:13px;padding:23px 0}.faq-list p{font-size:12px}
 .contact{padding-top:62px;padding-bottom:62px}.contact-copy h2{font-size:clamp(50px,12.2vw,78px)}.contact-copy>p{font-size:14px}
 .contact-email{font-size:25px}.form-note{font-size:10px}.footer{padding-top:32px}
}
@media(max-width:370px){
 .hero h1{font-size:13vw}.hero-actions{gap:14px}.hero-actions .button{font-size:10px;padding:15px 13px;gap:13px}
 .hero-actions .text-link{font-size:10px}.hero-bottom{gap:12px}.hero-bottom>p{font-size:8px}.reel-teaser{gap:8px}
 .teaser-image img{width:52px;height:42px}.reel-teaser strong{font-size:8px}.reel-teaser>span:nth-child(2){font-size:5px}
 .sector-name h3{font-size:15px}.sector-name>span{font-size:9px}.contact-email{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.hero-title-line>span{animation:none!important}.art-sheen{display:none}.art-wash{transform:none}}
.motion-paused .art-sheen{opacity:0!important}.motion-paused .art-wash{transform:none}

/* Showcase V7: work, services and audience are separate, named sections. */
.art-scroll-hint{display:flex;align-items:center;gap:10px;font-size:9px;line-height:1.5;color:#c1b8ad}
.art-scroll-hint>span{font-size:20px}.art-scroll{will-change:transform}
.desktop-nav{gap:22px}.project-navigation{display:flex;gap:24px;margin-top:24px;font-size:12px}
.project-navigation>a{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #9b8b77}
.project-navigation>a>span{font-size:9px;color:#766955}.project-navigation>a:hover{color:#9b6946}
.project-webs{background:#f3f1ec;padding-bottom:77px}.website-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 34px}
.web-project{min-width:0}.web-project-projekta{grid-column:1/-1}.web-cover{display:block;border:1px solid #ccc5b9;border-radius:7px;overflow:hidden;background:#1c1c1c;box-shadow:0 13px 35px #352c1c0b;transition:box-shadow .6s}
.web-cover:hover{box-shadow:0 19px 44px #352c1c21}.cover-browser{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 19px;background:#e8e3da;color:#6b6053;font-size:8px;letter-spacing:.08em}
.cover-browser>span:first-child{font-size:5px;letter-spacing:3px;color:#a79a8b}.cover-browser>span:last-child{font-size:14px;line-height:1}
.web-preview{position:relative;aspect-ratio:1.5;overflow:hidden;isolation:isolate;background:#181a1c;color:#fff}
.web-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.15s cubic-bezier(.22,.75,.25,1);z-index:-2}
.web-cover:hover .web-preview>img{transform:scale(1.035)}
.web-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(#0007,transparent 38%,#0009);z-index:-1;pointer-events:none}
.preview-nav{position:absolute;top:23px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.08em}
.preview-nav>b{font-size:27px;font-weight:600;letter-spacing:-.04em}.preview-nav>b>span{font-size:8px;font-weight:400;letter-spacing:.13em}
.preview-copy{position:absolute;left:6%;bottom:11%;max-width:80%}.preview-copy small{display:block;font-size:8px;letter-spacing:.15em;margin-bottom:20px}
.preview-copy strong{display:block;font-size:clamp(35px,5.5vw,84px);letter-spacing:-.06em;line-height:1.01;font-weight:400}
.preview-copy>span{display:inline-block;margin-top:23px;font-size:11px;border-bottom:1px solid #ffffff9c;padding-bottom:7px}
.preview-label{position:absolute;bottom:18px;right:22px;font-size:8px;padding:7px 10px;background:#151515b5;border:1px solid #fff3;border-radius:2px;color:#fff;backdrop-filter:blur(6px)}
.preview-projekta{aspect-ratio:2.25}.preview-projekta>img{object-position:center 59%}.preview-projekta:after{background:linear-gradient(90deg,#111d 0%,#1118 30%,transparent 68%),linear-gradient(#0007,transparent 25%,#0003)}
.preview-projekta .preview-nav{top:30px;left:6%;right:5%}.preview-projekta .preview-nav>b{font-size:32px}.preview-projekta .preview-nav>span{font-size:8px}
.preview-bruma>img{object-position:center 55%}.preview-bruma:after{background:linear-gradient(#0006,transparent 32%,#000a)}
.preview-brand{position:absolute;left:7%;top:31%;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(60px,8vw,124px);letter-spacing:-.075em;line-height:1}
.preview-brand>span{color:#d6bd96}.preview-bottom{position:absolute;left:7%;right:7%;bottom:14%;display:flex;justify-content:space-between;align-items:end;font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.4}
.preview-bottom>span:last-child{font-family:Studio,Arial,sans-serif;font-size:28px}.preview-bruma .preview-label{bottom:13px}
.preview-nacar>img{object-position:center 68%}.preview-nacar:after{background:linear-gradient(#0009,transparent 45%,#0008)}
.preview-nacar .preview-copy{bottom:16%;left:6%}.preview-nacar .preview-copy strong{font-size:clamp(28px,3.1vw,48px)}
.preview-nacar .preview-copy small{font-size:6px;margin-bottom:10px}.preview-nacar .preview-copy em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#d6cab8}
.preview-nacar .preview-nav>b{font-size:22px;letter-spacing:.03em}.preview-nacar .preview-nav>span{font-size:6px}
.web-project .project-info{display:flex;align-items:start;justify-content:space-between;gap:20px}.web-project .project-info>p{max-width:255px;font-size:12px}
.web-project-projekta .project-info>p{max-width:390px}.portfolio-note{font-size:10px;color:#706453;margin-top:28px;line-height:1.7}
.video-work{background:#e6e0d7;padding-top:65px;padding-bottom:75px}.video-work .section-label{border-color:#baad9c}
.video-work .film-stage{aspect-ratio:16/8.8}.video-work .project-info{display:flex;justify-content:space-between;gap:24px}
.video-work .project-info h3{font-size:28px}.video-contact{margin-top:31px}.video-work .section-heading>p{max-width:320px}
.sectors-grid{grid-template-columns:1fr 1fr;gap:36px 28px}.sector-card:nth-child(even){margin-top:0}
.sector-photo{aspect-ratio:1.5}.sector-card:nth-child(1) .sector-photo img{object-position:50% 55%;filter:saturate(.94)}
.sector-card:nth-child(2) .sector-photo img{object-position:50% 50%;filter:none}.sector-card:nth-child(3) .sector-photo img{object-position:50% 60%;filter:saturate(.92)}
.sector-name{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.sector-name>span{font-size:11px;text-align:right;max-width:45%;margin-top:0}
.brand-sector-visual{width:100%;height:100%;min-height:280px;background:radial-gradient(ellipse at 85% 78%,#86603b35,transparent 60%),#202020;color:#f3eadc;display:flex;flex-direction:column;justify-content:center;padding:8%;position:relative;isolation:isolate}
.brand-sector-visual>span{font-size:8px;letter-spacing:.16em;color:#c9b9a3;margin-bottom:27px}.brand-sector-visual strong{font-size:clamp(36px,4.6vw,74px);font-weight:400;letter-spacing:-.06em;line-height:1.08}
.brand-sector-visual em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#cbb497}.brand-sector-visual>i{font-style:normal;font-size:60px;font-weight:300;position:absolute;right:10%;bottom:13%;color:#ac9173}
.sector-photo .brand-sector-visual{min-height:0}.sector-photo .brand-sector-visual>span{margin-bottom:18px}
.sector-hero figure>.brand-sector-visual{aspect-ratio:1.08;border-radius:3px}.sector-hero figure>.brand-sector-visual strong{font-size:clamp(35px,4.5vw,66px)}
.sector-hero figure>img{aspect-ratio:1.4}.sector-example .example-image{aspect-ratio:1.5}
@media(max-width:1100px){.desktop-nav{gap:16px;font-size:10px}.website-grid{gap:37px 25px}.preview-nav{top:17px;left:19px;right:19px}.preview-copy small{font-size:7px}.preview-brand{font-size:9vw}.preview-bottom{font-size:13px}.web-project .project-info{display:block}.web-project .project-info>p{max-width:100%;margin-top:8px}.sector-name h3{font-size:22px}.sector-name>span{font-size:10px}}
@media(max-width:760px){
 .art-scroll-hint{font-size:8px;gap:7px}.art-scroll-hint>span{font-size:18px}.project-webs,.video-work{padding-top:50px;padding-bottom:55px}
 .project-navigation{font-size:11px;margin-top:17px;gap:25px}.project-navigation>a{min-height:44px}
 .website-grid{grid-template-columns:1fr;gap:33px}.cover-browser{font-size:6px;padding:11px 14px}.cover-browser>span:first-child{font-size:4px}
 .web-preview,.preview-projekta{aspect-ratio:1.33}.preview-projekta>img{object-position:58% center}
 .preview-nav,.preview-projekta .preview-nav{top:17px;left:6%;right:6%;font-size:6px}.preview-projekta .preview-nav>b{font-size:24px}.preview-projekta .preview-nav>span{font-size:5px}
 .preview-copy strong{font-size:clamp(41px,11vw,69px)}.preview-copy small{font-size:6px;letter-spacing:.1em;margin-bottom:14px}
 .preview-copy{bottom:17%}.preview-copy>span{font-size:9px;margin-top:17px}.preview-label{font-size:6px;padding:6px 8px;right:13px;bottom:13px}
 .preview-brand{font-size:clamp(72px,21vw,120px);top:29%}.preview-bottom{font-size:14px;bottom:19%}.preview-bottom>span:last-child{font-size:25px}
 .preview-nacar .preview-copy strong{font-size:clamp(31px,8vw,47px)}.preview-nacar .preview-copy{bottom:17%}.preview-nacar .preview-nav>b{font-size:19px}.preview-nacar .preview-nav>b>span{font-size:6px}
 .preview-nacar .preview-nav>span{font-size:5px}.preview-nacar .preview-copy small{font-size:5px}
 .web-project .project-info{display:block;padding-top:16px}.web-project .project-info h3{font-size:24px}.web-project .project-info>p{font-size:12px;margin-top:8px}
 .portfolio-note{font-size:9px;margin-top:23px}.video-work .film-stage{aspect-ratio:1.25}.video-work .film-stage.is-playing{aspect-ratio:16/9}
 .video-work .project-info{display:block}.video-work .project-info h3{font-size:24px}.video-work .project-note{margin-top:12px}
 .video-contact{font-size:11px;margin-top:24px}.sectors-grid{grid-template-columns:1fr;gap:29px}.sector-card:nth-child(even){margin-top:0}
 .sector-photo{aspect-ratio:1.4}.sector-name{display:flex;padding-top:16px}.sector-name h3{font-size:22px}.sector-name>span{font-size:10px}
 .brand-sector-visual strong{font-size:clamp(39px,10vw,65px)}.brand-sector-visual>span{font-size:7px}.brand-sector-visual>i{font-size:49px}
 .sector-hero figure>.brand-sector-visual{min-height:0;aspect-ratio:1.3}.sector-hero figure>.brand-sector-visual strong{font-size:clamp(38px,9vw,58px)}
 .sector-hero figure>img{aspect-ratio:1.33}
}
@media(prefers-reduced-motion:reduce){.art-scroll-hint{display:none}}

/* Motion V8 — natural scroll, three service chapters, no pinned scroll track. */
.service-story{background:#1b1b1a;color:#f3eee5;padding-bottom:65px}
.service-heading{padding-bottom:38px}.service-heading .display>span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#c9ae95}
.service-heading>p{color:#bdb6ac;max-width:315px}
.service-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.service-chapter{min-width:0;padding:34px 0;border-top:1px solid #ffffff26;position:relative}
.chapter-kicker{display:flex;align-items:center;gap:17px;color:#c7b9aa}
.chapter-kicker>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #6c5f50;border-radius:50%;font-size:10px;flex:none;transition:background .3s,color .3s,border-color .3s}
.chapter-kicker>p{font-size:11px;letter-spacing:.015em}
.service-chapter h3{font-weight:400;font-size:clamp(35px,3.7vw,59px);letter-spacing:-.05em;line-height:1.08;margin:27px 0 20px}
.service-chapter h3 em{font-family:Georgia,'Times New Roman',serif;color:#c9ae95;font-weight:400;letter-spacing:-.055em}
.chapter-copy{font-size:14px;line-height:1.85;color:#c0bab1;max-width:385px}
.chapter-tags{list-style:none;display:flex;gap:8px 15px;flex-wrap:wrap;margin:22px 0 17px;padding:0;color:#bdb0a1;font-size:9px}
.chapter-tags li{padding-bottom:5px;border-bottom:1px solid #77624e66}
.service-chapter>.text-link{font-size:12px;min-height:44px;color:#f3e8dc;border-color:#9c8269}
.service-chapter>.text-link:hover{color:#d9b99b}.service-chapter>.text-link:focus-visible,.stage-link:focus-visible{outline-color:#e4c3a3}
.chapter-art{position:relative;aspect-ratio:1.12;overflow:hidden;isolation:isolate;container-type:inline-size;margin-top:30px;border:1px solid #ffffff15;background:#282622}
.service-stage{display:none;align-self:start;position:sticky;top:108px;min-width:0;border:1px solid #776b5b66;background:#22211e;box-shadow:0 28px 60px #0002}
.stage-top,.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;color:#c5b5a1;font-size:9px;letter-spacing:.07em}
.stage-top{border-bottom:1px solid #ffffff12}.stage-count{font-variant-numeric:tabular-nums}
.stage-canvas{position:relative;isolation:isolate;overflow:hidden;height:min(460px,calc(100svh - 255px));min-height:280px;container-type:inline-size}
.service-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translate3d(0,28px,0) scale(.97);transition:opacity .55s var(--ease),transform .75s var(--ease),visibility .55s}
.service-scene.is-current{opacity:1;visibility:visible;transform:none}
.stage-bottom{padding:10px 22px;letter-spacing:0;border-top:1px solid #ffffff12;min-height:59px;font-size:11px}
.stage-link{min-height:44px;display:flex;align-items:center;color:#f0e3d3;font-size:10px;border-bottom:1px solid transparent}.stage-link:hover{border-color:#c9ae95}
.stage-track{height:2px;background:#ffffff12;overflow:hidden}.stage-track>span{display:block;height:100%;background:#c9ae95;transform-origin:left;transform:scaleX(var(--story-progress,0))}
.scene-video,.scene-web,.scene-together{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#292621;color:#f3eadf}
.scene-video>img{position:absolute;inset:-5%;width:110%;max-width:none;height:110%;object-fit:cover;transform:scale(1.03);z-index:-2}
.scene-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#16191c66,transparent 35%,#141514ed);z-index:-1}
.scene-caption{position:absolute;left:7%;top:8%;font-size:8px;letter-spacing:.16em;line-height:1.6;color:#eee1cf}
.scene-video>strong{position:absolute;left:9%;bottom:24%;font-size:clamp(30px,9cqw,60px);font-weight:400;line-height:1.02;letter-spacing:-.06em}
.scene-video>strong em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#e2c4a7}
.scene-corner{position:absolute;width:23px;height:23px;border-color:#eedcca80;border-style:solid}.corner-one{top:20%;left:7%;border-width:1px 0 0 1px}.corner-two{right:7%;bottom:22%;border-width:0 1px 1px 0}
.scene-timeline{position:absolute;left:7%;right:7%;bottom:7%;display:flex;align-items:center;gap:12px;height:30px;font-size:6px;letter-spacing:.1em}
.scene-timeline>div{display:flex;gap:3px;height:25px;flex:1}.scene-timeline i{flex:1;background:#c9ae953b;border:1px solid #dbb49333}.scene-timeline i:nth-child(3n){background:#c9ae9575}
.scene-timeline>b{position:absolute;left:40%;width:1px;top:-6px;bottom:-6px;background:#edc49e}.scene-timeline>b:before{content:'';position:absolute;top:0;width:5px;height:5px;background:#edc49e;left:-2px}
.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#b893770a 1px,transparent 1px),linear-gradient(90deg,#b893770a 1px,transparent 1px);background-size:38px 38px;z-index:-1}
.scene-web{background:radial-gradient(ellipse at 50% 50%,#71604a33,transparent 70%),#292723;perspective:1000px}
.scene-desktop{position:absolute;left:7%;top:23%;width:82%;height:54%;border:1px solid #8e7d656e;background:#111212;box-shadow:0 18px 40px #0005;border-radius:5px;overflow:hidden;transform:rotateY(-7deg) rotateZ(-3deg)}
.device-bar{display:flex;justify-content:space-between;gap:5px;padding:10px 12px;font-size:5px;letter-spacing:.13em;background:#35312a;color:#d0c2b0}
.device-bar>span:first-child{letter-spacing:2px;font-size:4px}.device-page{position:relative;height:calc(100% - 26px);padding:7%}
.device-wordmark{font-size:11px;letter-spacing:-.05em}.device-page>strong{position:relative;display:block;font-size:clamp(20px,5.2cqw,34px);font-weight:400;line-height:1.08;letter-spacing:-.05em;margin-top:7%;z-index:1}
.device-page em{color:#d0b194;font-family:Georgia,'Times New Roman',serif;font-weight:400}
.device-page>img{position:absolute;right:1%;top:8%;width:50%;height:auto;transform:rotate(-7deg)}
.device-line{display:block;width:34px;height:2px;background:#d0b194;margin-top:7%}.device-page>small{display:block;font-size:4px;letter-spacing:.1em;margin-top:5%}
.scene-phone{position:absolute;right:8%;top:34%;width:23%;height:54%;border:3px solid #918371;border-radius:17px;background:#151515;box-shadow:0 15px 30px #0007;padding:24px 9px 9px;transform:rotateZ(7deg);overflow:hidden}
.phone-notch{position:absolute;left:33%;right:33%;top:6px;height:4px;background:#8e81715e;border-radius:5px}.scene-phone>span:not(.phone-notch){font-size:6px;letter-spacing:-.02em}
.scene-phone>strong{display:block;font-size:clamp(11px,2.7cqw,18px);font-weight:400;line-height:1.15;margin-top:15%;letter-spacing:-.04em}
.scene-phone>strong em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#d0b194}.scene-phone>img{width:100%;height:auto;margin-top:6%}
.scene-phone>.phone-footer{position:absolute;bottom:9px;font-size:4px!important;color:#ccb69f}
.scene-baseline{position:absolute;bottom:7%;left:7%;right:7%;font-size:7px;letter-spacing:.1em;color:#c4b6a3}
.scene-together{perspective:1000px;background:radial-gradient(ellipse at 65% 40%,#c4a17b20,transparent 68%),#2d2924}
.together-web{position:absolute;left:7%;top:25%;width:70%;height:48%;background:#e3d7c5;color:#25211c;padding:7%;border:1px solid #ebdac08c;transform:rotateZ(-6deg);box-shadow:0 18px 45px #0004}
.together-web>span{font-size:6px;letter-spacing:.09em;position:relative;z-index:1}.together-web>strong{position:relative;z-index:1;display:block;font-size:clamp(25px,6.2cqw,45px);font-weight:400;letter-spacing:-.065em;line-height:1;margin-top:11%}
.together-web em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.together-web>img{position:absolute;right:-1%;top:15%;width:56%;height:auto}.together-web>i{display:block;width:30px;height:2px;background:#796149;margin-top:9%}
.together-reel{position:absolute;right:8%;top:23%;width:28%;height:61%;padding:6% 4%;background:#191817;border:1px solid #98867388;transform:rotateZ(7deg);box-shadow:0 20px 40px #0005;overflow:hidden}
.together-reel>img{position:absolute;left:-14%;top:2%;width:126%;max-width:none;height:auto;transform:rotate(-12deg)}
.together-reel>span{position:relative;font-size:4px;letter-spacing:.12em}.together-reel>strong{position:absolute;left:12%;bottom:19%;font-size:clamp(18px,4cqw,28px);font-weight:400;letter-spacing:-.04em;line-height:1.04}
.together-reel em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#d4b796}.together-reel>i{position:absolute;left:12%;right:12%;bottom:11%;height:2px;background:linear-gradient(90deg,#ccad8c 30%,#ffffff30 30%)}
.together-connector{position:absolute;left:24%;top:50%;width:50%;height:1px;background:#dfbf9166;transform:rotate(-15deg);z-index:-1}
.service-future{display:flex;gap:25px;align-items:baseline;border-top:1px solid #ffffff26;padding-top:27px;margin-top:25px}
.service-future>span{font-size:8px;letter-spacing:.1em;color:#d0b89f;white-space:nowrap}.service-future p{font-size:12px;color:#bdb6ac;max-width:540px;line-height:1.8}
/* Stable parents are measured; only their children move. */
.motion-enabled .web-project .web-cover{transform:perspective(1200px) translate3d(0,var(--cover-y,0px),0) rotateX(var(--cover-angle,0deg)) scale(var(--cover-scale,1));transform-origin:50% 65%}
.motion-enabled .web-preview>img{transform:translate3d(0,var(--photo-y,0px),0) scale(1.1);transition:none}
.motion-enabled .web-cover:hover .web-preview>img{transform:translate3d(0,var(--photo-y,0px),0) scale(1.13);transition:transform .6s var(--ease)}
.motion-enabled .section-heading>.display,.motion-enabled .studio-layout .display,.motion-enabled .contact-copy h2{transform:translate3d(var(--heading-x,0px),var(--heading-y,0px),0)}
.motion-enabled .project-film .film-stage:not(.is-playing){clip-path:inset(0 var(--film-inset,0%) round 3px)}
.process-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px;padding-top:24px;border-top:1px solid var(--line)}
.process-heading>p{font-size:12px;color:#726454}.process-heading .eyebrow{font-size:9px;color:#726454}
.process-steps li{position:relative;border-top:1px solid #bfb8ac}.process-steps li:before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:#9a7452;transform-origin:left;transform:scaleX(var(--step-progress,1))}
.motion-enabled .process-steps li>span{transition:color .3s}.motion-enabled .process-steps li.is-active>span{color:#5a3820}
@media(min-width:901px) and (min-height:700px){
 .motion-enabled .story-ready .service-story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.17fr);gap:9%;align-items:start}
 .motion-enabled .story-ready .service-chapters{display:block}
 .motion-enabled .story-ready .service-stage{display:block}
 .motion-enabled .story-ready .chapter-art{display:none}
 .motion-enabled .story-ready .service-chapter{min-height:clamp(415px,57vh,540px);padding:40px 0 52px}
 .motion-enabled .story-ready .service-chapter:last-child{min-height:calc(min(460px,100svh - 255px) + 145px)}
 .motion-enabled .story-ready .service-chapter.is-current .chapter-kicker>span{background:#c9ae95;border-color:#c9ae95;color:#201c19}
 .motion-enabled .scene-video>img{transform:translateY(var(--scene-drift,0px)) scale(1.07)}
 .motion-enabled .scene-timeline>b{left:var(--playhead,40%)}
 .motion-enabled .scene-desktop{transform:translateY(var(--device-drift,0px)) rotateY(-7deg) rotateZ(-3deg)}
 .motion-enabled .scene-phone{transform:translateY(var(--phone-drift,0px)) rotateZ(7deg)}
 .motion-enabled .together-web{transform:translateY(var(--device-drift,0px)) rotateZ(-6deg)}
 .motion-enabled .together-reel{transform:translateY(var(--phone-drift,0px)) rotateZ(7deg)}
}
@media(max-width:1100px){.stage-top,.stage-bottom{padding-left:16px;padding-right:16px}.stage-name{font-size:10px}.stage-link{font-size:9px}.service-chapters{gap:22px}.chapter-copy{font-size:13px}.scene-caption{font-size:6px}.service-chapter h3{font-size:42px}.scene-phone{border-radius:12px;padding-top:18px}}
@media(max-width:900px){
 .service-story{padding-bottom:50px}.service-story-layout{display:block}.service-chapters{display:block}
 .service-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:30px;padding:32px 0 36px}
 .chapter-kicker,.service-chapter h3,.chapter-copy,.chapter-tags,.service-chapter>.text-link{grid-column:1}
 .service-chapter>.text-link{width:fit-content}.chapter-art{grid-column:2;grid-row:1/6;margin:0;align-self:center;width:100%}
 .service-chapter h3{font-size:44px;margin:23px 0 17px}.chapter-copy{font-size:13px}.service-future{margin-top:0}
}
@media(max-width:600px){
 .service-chapter{display:block;padding:30px 0 38px}.chapter-art{margin-top:27px;aspect-ratio:1.15}
 .service-chapter h3{font-size:clamp(42px,10.9vw,59px)}.chapter-kicker>p{font-size:11px}.chapter-copy{font-size:13px;max-width:100%}
 .chapter-tags{font-size:9px;gap:7px 14px}.service-chapter>.text-link{font-size:12px}.chapter-kicker>span{width:30px;height:30px}
 .scene-caption{font-size:7px}.scene-desktop{height:53%}.scene-phone{padding:20px 8px 8px}.scene-baseline{font-size:6px}
 .service-future{display:block}.service-future>span{font-size:8px}.service-future>p{margin-top:10px;font-size:11px}
 .process-heading{display:block;margin-bottom:26px}.process-heading>p{margin-top:8px;font-size:12px}
 .process-steps{grid-template-columns:1fr;gap:26px}.process-steps li{padding:22px 0 0 35px}.process-steps li:after{content:'';position:absolute;left:0;top:22px;width:7px;height:7px;border:1px solid #9a7452;border-radius:50%}
 .process-steps li.is-active:after{background:#9a7452}.process-steps li>span{font-size:9px}.process-steps h3{font-size:24px;margin:12px 0 9px}.process-steps p{max-width:100%;font-size:12px}
}
.motion-paused .web-project .web-cover,.motion-paused .web-preview>img,.motion-paused .section-heading>.display,.motion-paused .studio-layout .display,.motion-paused .contact-copy h2{transform:none!important;transition:none!important}
.motion-paused .process-steps li:before{transform:none}.motion-paused .service-scene{transition:none}
@media(prefers-reduced-motion:reduce){
 .service-scene,.chapter-kicker>span,.web-cover,.web-preview>img{transition:none!important;transform:none!important}
 .web-project .web-cover,.section-heading>.display,.studio-layout .display,.contact-copy h2{transform:none!important}.process-steps li:before{transform:none}
}

/* Longer business address stays within narrow contact and navigation layouts. */
.contact-email,.menu-email,.footer-bottom>a[href^="mailto:"]{max-width:100%;min-width:0;overflow-wrap:anywhere}