.portfolio-page{background:#f8f5f0}.portfolio-page .header{inset:20px 4% auto;height:82px;padding:0 30px;border-radius:18px;background:#151715ed;border:1px solid #ffffff15;box-shadow:0 12px 30px #0002;transition:background .3s}.portfolio-page .header-signature{display:none}.portfolio-page .header nav{gap:28px}.portfolio-page .header nav a:last-child{background:var(--red);color:white;padding:12px 23px;border-radius:30px}.portfolio-page .logo img{width:65px;height:55px}.portfolio-page .hero.film-stage{position:relative;display:flex;flex-direction:column;gap:0;padding:140px 6% 28px;min-height:850px;height:100svh;max-height:1100px;color:white;overflow:hidden;background:#131513}.film-background,.film-vignette{position:absolute;inset:0;pointer-events:none}.film-slide{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.4s ease,transform 7s linear}.film-slide.active{opacity:1;transform:scale(1)}.film-vignette{background:linear-gradient(180deg,#0003 0%,#0002 20%,#111311c9 60%,#111311 100%),linear-gradient(90deg,#11131160,#11131100)}.film-top,.film-content,.film-bottom{position:relative;z-index:1}.film-top{display:flex;justify-content:space-between;gap:20px;color:#ede6dc;font-size:11px;letter-spacing:.09em}.film-content{display:grid;grid-template-columns:1.5fr .8fr;gap:8%;align-items:end;margin-top:auto;padding-top:100px}.portfolio-page .film-main h1{font:500 clamp(48px,5vw,72px)/1.07 var(--body);letter-spacing:-.04em;max-width:770px;text-wrap:balance}.film-main h1>span{color:#ebbbb1}.film-subject{font-size:24px;line-height:1.4;height:40px;margin:24px 0 28px;color:#e4ded5}.film-subject>span{display:inline-block;transition:opacity .25s,translate .4s var(--ease)}.film-subject.changing>span{opacity:0;translate:0 10px}.portfolio-page .film-stage .primary-cta{border-radius:35px;font-size:17px;padding:19px 25px;gap:30px;margin:0;min-height:60px;box-shadow:0 10px 25px #0003}.film-aside{padding-bottom:2px}.film-aside p{font-size:17px;line-height:1.8;color:#eee7df;max-width:370px}.film-aside>a{display:inline-flex;align-items:center;font-size:14px;margin-top:22px;min-height:44px;border-bottom:1px solid #ffffff60}.film-stamp{width:130px;height:130px;border:1px solid #ffffff50;border-radius:50%;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:30px;transform:rotate(-12deg)}.film-stamp>span{font-family:Georgia,serif;font-size:35px;font-weight:700}.film-stamp>small{font-size:8px;letter-spacing:.05em}.film-bottom{margin-top:60px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;border-top:1px solid #ffffff30}.film-selector{display:flex;gap:22px}.film-selector button{background:none;color:#cac4bb;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:13px}.film-selector .active{color:white;border-bottom-color:#d0444c}.motion-toggle{min-height:44px;display:flex;align-items:center;gap:14px;background:none;color:#e7e0d7;border:0;padding:8px 0;font-size:12px}.motion-toggle span{font-size:17px}.demo-strip{display:flex;align-items:center;justify-content:space-between;padding:18px 6%;gap:20px;font-size:11px;color:#7a7167;border-bottom:1px solid #d7cfc5}.demo-strip>a{color:var(--ink);min-height:40px;display:flex;align-items:center}.production-story{padding:115px 6%;display:grid;grid-template-columns:.65fr 1.35fr;gap:8%;background:#131513;color:#eee8df}.production-label{position:sticky;top:145px;align-self:start}.production-label h2{font-size:39px;line-height:1.2;margin-top:25px}.production-content{min-width:0}.scroll-statement{font-size:clamp(26px,3vw,43px);letter-spacing:-.025em;line-height:1.5;margin-bottom:55px;max-width:850px}.scroll-statement>span{color:#c2bdb5;transition:color .8s ease}.scroll-statement>span.statement-active{color:#f6f0e7}.production-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid #ffffff25;padding-top:35px}.process-symbol{font-size:33px;color:#e6a69d}.production-steps h3{font-size:21px;line-height:1.35;margin:24px 0 12px}.production-steps p{font-size:15px;color:#c8c1b6;line-height:1.8}.experience-ready .service-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:40px 0 30px}.service-tabs{display:none}.service-tabs button{border:1px solid #b9afa2;border-radius:30px;background:transparent;padding:14px 24px;min-height:50px;font-size:15px;color:var(--ink);transition:background .25s,color .25s}.service-tabs button[aria-selected=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.experience-ready .service-list{margin-top:0}.experience-ready .service[hidden]{display:none!important}.portfolio-page.experience-ready .service{display:grid;grid-template-columns:1fr 1fr;gap:35px 6%;border:0;background:#f8f5f0;padding:30px;border-radius:20px;align-items:center;overflow:hidden}.portfolio-page.experience-ready .service>img{grid-row:1/3;grid-column:1;width:100%;height:460px;border-radius:12px;object-fit:cover;filter:none}.portfolio-page.experience-ready .service>div{grid-column:2;align-self:end}.portfolio-page.experience-ready .service h3{font-size:34px}.portfolio-page.experience-ready .service p{font-size:17px;line-height:1.8}.portfolio-page.experience-ready .service-price{grid-column:2;grid-row:2;align-self:start;font-size:43px;margin:0}.service-action{display:inline-flex;background:var(--red);color:white;border-radius:28px;padding:14px 22px;margin:22px 0 0;font-size:14px;min-height:48px}.service-action:hover{background:#8d0b13}.service[role=tabpanel]{animation:panel-arrive .5s var(--ease)}.case-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;font-size:13px;color:var(--muted)}.case-toolbar>div{display:flex;gap:10px}.case-toolbar button{width:50px;height:50px;border:1px solid #b9afa2;border-radius:50%;background:transparent;font-size:22px;transition:background .2s,color .2s}.case-toolbar button:hover{background:var(--ink);color:var(--cream)}.case-toolbar button:disabled{opacity:.4;cursor:default}.case-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;scrollbar-width:none;overscroll-behavior-inline:contain;border-radius:18px;scroll-padding:0}.case-track::-webkit-scrollbar{display:none}.case-track .case-study{flex:0 0 100%;min-width:0;grid-template-columns:1.15fr 1fr;margin:0;border-radius:18px;overflow:hidden}.case-track .case-study>img{height:100%;min-height:540px;order:0!important}.case-track .case-copy{order:0!important;padding:45px}.case-track .case-copy h3{font-size:33px}.portfolio-page .cases-heading{grid-template-columns:1.15fr 1fr}.home-faq{padding:100px 6%;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;background:#f8f5f0}.home-faq h2{font-size:46px;line-height:1.2;margin:22px 0}.home-faq details{padding:15px 0;border-bottom:1px solid #b9afa2}.home-faq summary{cursor:pointer;font-size:17px;min-height:44px;line-height:1.5}.home-faq details p{font-size:16px;line-height:1.8;margin-top:15px}.home-faq wa-details p{font-size:16px}.portfolio-page .intro{padding-top:80px}.portfolio-page .contact{border-radius:30px 30px 0 0;padding-top:90px}.portfolio-page .contact h2{font-size:clamp(45px,6vw,88px)}.portfolio-page .contact-button{border-radius:30px}.portfolio-page .about{background:#f3efe8}.experience-enter{animation:panel-arrive .7s var(--ease)}@keyframes panel-arrive{from{opacity:.45;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.portfolio-page .header{padding:0 22px}.portfolio-page .header nav{gap:18px;font-size:13px}.film-content{grid-template-columns:1.3fr .8fr;gap:6%}.portfolio-page .film-main h1{font-size:55px}.production-story{grid-template-columns:1fr;gap:40px}.production-label{position:static}.production-label h2{font-size:38px}.portfolio-page.experience-ready .service{gap:25px 5%}.portfolio-page.experience-ready .service>img{height:430px}.portfolio-page.experience-ready .service h3{font-size:29px}.case-track .case-copy{padding:30px}.case-track .case-copy h3{font-size:28px}.home-faq{gap:7%}}
@media(max-width:760px){.portfolio-page .header{inset:12px 4% auto;height:70px;padding:0 17px;border-radius:15px}.portfolio-page .logo img{width:58px;height:49px}.portfolio-page .header nav{top:69px;border-radius:0 0 15px 15px;left:-1px;right:-1px;padding:20px 17px}.portfolio-page .header nav a:last-child{justify-content:center;margin-top:10px}.portfolio-page .hero.film-stage{padding:115px 5% 22px;min-height:920px;height:auto;max-height:none;gap:0}.film-slide{object-position:57% top;height:100%}.film-vignette{background:linear-gradient(180deg,#10121020 0%,#10121050 20%,#101210e8 48%,#101210 100%)}.film-top{font-size:9px;gap:15px}.film-top>span:last-child{max-width:140px;text-align:right}.film-content{grid-template-columns:1fr;gap:35px;margin-top:200px;padding:0}.portfolio-page .film-main h1{font-size:clamp(39px,10vw,54px);line-height:1.13;max-width:100%}.film-subject{font-size:18px;height:32px;margin:20px 0 24px}.portfolio-page .film-stage .primary-cta{font-size:15px;padding:17px 21px;gap:18px;min-height:54px}.film-aside{display:block;padding:0}.film-stamp{display:none}.film-aside p{font-size:15px;line-height:1.8;max-width:100%}.film-aside>a{font-size:13px;margin-top:10px}.film-bottom{margin-top:30px;align-items:start;flex-direction:column;gap:8px;padding-top:15px}.film-selector{gap:22px;width:100%;justify-content:start}.film-selector button{font-size:12px}.motion-toggle{font-size:11px}.demo-strip{padding:13px 5%;font-size:9px;align-items:center;gap:15px}.demo-strip>a{font-size:10px;white-space:nowrap}.production-story{padding:65px 5%;gap:32px}.production-label h2{font-size:34px;margin-top:20px}.scroll-statement{font-size:27px;line-height:1.5;margin-bottom:35px}.production-steps{grid-template-columns:1fr;gap:25px;padding-top:25px}.production-steps article{display:grid;grid-template-columns:40px 1fr;gap:10px 15px}.production-steps h3{margin:0;font-size:21px;align-self:center}.production-steps p{grid-column:2;font-size:15px}.process-symbol{font-size:29px;grid-row:1/3}.experience-ready .service-tabs{margin:30px 0 20px;gap:8px}.service-tabs button{font-size:13px;padding:12px 15px;min-height:46px}.portfolio-page.experience-ready .service{grid-template-columns:1fr;padding:18px;gap:24px;border-radius:16px}.portfolio-page.experience-ready .service>img{grid-row:auto;grid-column:1;height:250px;border-radius:10px}.portfolio-page.experience-ready .service>div{grid-column:1;grid-row:auto}.portfolio-page.experience-ready .service h3{font-size:27px}.portfolio-page.experience-ready .service p{font-size:16px}.portfolio-page.experience-ready .service-price{grid-column:1;grid-row:auto;font-size:40px}.service-action{font-size:13px;padding:13px 17px;line-height:1.6}.case-toolbar{font-size:12px}.case-toolbar button{width:46px;height:46px}.case-track{gap:15px;border-radius:15px}.case-track .case-study{grid-template-columns:1fr}.case-track .case-study>img{height:265px;min-height:0}.case-track .case-copy{padding:25px}.case-track .case-copy h3{font-size:27px}.portfolio-page .cases-heading{grid-template-columns:1fr;gap:23px}.home-faq{padding:65px 5%;grid-template-columns:1fr;gap:30px}.home-faq h2{font-size:35px}.portfolio-page .contact{border-radius:20px 20px 0 0;padding-top:65px}.portfolio-page .contact h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.film-slide{transition:none;transform:none}.film-subject>span{transition:none}.service[role=tabpanel],.experience-enter{animation:none}.scroll-statement>span{color:#f6f0e7;transition:none}}
/* Light brand direction: image remains visible, content sits on warm off-white. */
.portfolio-page{background:var(--cream)}
.portfolio-page .header{background:#f8f5f0f5;border-color:#e4dcd7;color:var(--ink);box-shadow:0 12px 30px #49312612}
.portfolio-page .hero.film-stage{background:var(--cream);color:var(--ink)}
.portfolio-page .film-vignette{background:linear-gradient(180deg,#f8f5f02b 0%,#f8f5f04d 20%,#f8f5f0ed 61%,#f8f5f0 100%),linear-gradient(90deg,#f8f5f0b0,#f8f5f010)}
.portfolio-page .film-top,.portfolio-page .film-subject,.portfolio-page .film-aside p,.portfolio-page .motion-toggle{color:var(--ink)}
.portfolio-page .film-main h1>span{color:var(--red)}
.portfolio-page .film-stamp{border-color:#49312655;color:var(--red)}
.portfolio-page .film-aside>a{border-color:#49312655}
.portfolio-page .film-bottom{border-color:#49312635}
.portfolio-page .film-selector button{color:var(--muted)}
.portfolio-page .film-selector .active{color:var(--red);border-color:var(--red)}
.portfolio-page .film-stage .primary-cta{box-shadow:0 10px 25px #b20e1915}
.portfolio-page .production-story{background:#f3efe8;color:var(--ink)}
.portfolio-page .scroll-statement>span{color:#806858}
.portfolio-page .scroll-statement>span.statement-active{color:var(--red)}
.portfolio-page .production-steps{border-color:#49312635}
.portfolio-page .process-symbol{color:var(--red)}
.portfolio-page .production-steps p{color:var(--muted)}
.portfolio-page .service-tabs button[aria-selected=true]{background:var(--red);border-color:var(--red);color:var(--cream)}
.portfolio-page.experience-ready .service,.portfolio-page .home-faq{background:var(--cream)}
.portfolio-page .about{background:#f3efe8}
@media(max-width:760px){.portfolio-page .header nav{background:var(--cream)}.portfolio-page .film-vignette{background:linear-gradient(180deg,#f8f5f030 0%,#f8f5f070 20%,#f8f5f0f5 48%,#f8f5f0 100%)} }
@media(prefers-reduced-motion:reduce){.portfolio-page .scroll-statement>span{color:var(--ink)}}

.portfolio-page .film-vignette{background:linear-gradient(180deg,#f6f2ed18 0%,#f6f2ed38 25%,#f6f2edb8 65%,#f6f2ede0 100%),linear-gradient(90deg,#f6f2ed30,#f6f2ed08)}@media(max-width:760px){.portfolio-page .film-vignette{background:linear-gradient(180deg,#f6f2ed10 0%,#f6f2ed40 25%,#f6f2edc9 50%,#f6f2ede6 100%)}}