@media(min-width:768px){.shell{width:min(1360px,calc(100% - 96px))}.section-space{padding:110px 0}.section-heading{grid-template-columns:1.6fr 1fr;align-items:end;gap:70px}.section-heading>p{justify-self:end;margin-bottom:5px}.service-row{grid-template-columns:36px 1fr 1fr;gap:25px;padding:55px 0}.service-index{margin-top:3px}.service-detail{padding-left:20px}.process-grid{grid-template-columns:repeat(3,1fr);gap:45px}.about-layout{grid-template-columns:1fr 1fr;gap:90px}.faq-layout{grid-template-columns:1fr 1.25fr;gap:70px}.contact-bottom{grid-template-columns:1.3fr 1fr;gap:70px}.contact-brief{justify-self:end;width:100%}.manifesto{padding:100px 0 80px}.story-layout{grid-template-columns:1fr 1.5fr;align-items:center}.story-aside{align-self:start;padding-top:30px}.story-stage{padding:100px 0}.story-orbit{width:450px;right:-20px;bottom:20%}}
@media(min-width:1100px){.hero-content{padding-top:64px;padding-bottom:36px}.hero{min-height:810px}.hero h1{font-size:clamp(100px,8.65vw,134px)}.hero-art{inset:-40px -8% 20px 28%}.hero-footer{margin-top:25px}.hero-bottom{margin-top:35px}.hero-description{font-size:14px}.section-meta{margin-bottom:65px}.service-row{grid-template-columns:65px 1.1fr 1fr}.story-stage{min-height:720px;display:flex;align-items:center}.story-layout{width:min(1360px,calc(100% - 96px))}.story-layout.is-pinned .story-words{height:350px}.story-layout.is-pinned .story-item{position:absolute;inset:0;padding:0}.story-layout.is-pinned .story-item:not(:first-of-type){visibility:hidden}.contact-section{padding:85px 0 90px}.contact-bottom{margin-top:55px}.contact-section .section-meta{margin-bottom:55px}}
@media(min-width:1600px){.hero-art{inset:-70px -8% -30px 30%}.hero-content{padding-top:85px}.hero{min-height:880px}.hero-footer{margin-top:45px}}
@media(max-width:1099px){.main-nav{gap:22px}.main-nav>a{font-size:10px}.hero-signature{display:none}.hero{min-height:730px}.hero-art{inset:50px -23% 50px 20%}.hero h1{font-size:clamp(67px,10vw,109px)}.hero-bottom{margin-top:35px}.hero-actions .button{min-height:55px;font-size:11px;padding:16px 18px;gap:16px}.hero-footer{margin-top:35px}.story-counter,.story-progress{display:none}}
@media(max-width:767px){.site-header{height:76px}.brand-mark{font-size:40px}.brand-name{font-size:11px}.brand-name small{font-size:6px}.menu-toggle{display:block}.main-nav{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:76px;left:0;right:0;background:#1c1623;padding:24px;gap:0;border-bottom:1px solid var(--line)}.main-nav[hidden]{display:none!important}.main-nav a{padding:17px 0;font-size:15px;border-bottom:1px solid var(--line)}.main-nav .nav-contact{justify-content:space-between;color:var(--accent)}.hero-content{padding-top:43px;padding-bottom:26px}.hero{min-height:760px}.hero-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:27px}.hero h1{font-size:clamp(41px,10.9vw,76px);line-height:1.01;letter-spacing:-.065em}.hero-art{inset:105px -34% 215px -23%;opacity:.9}.hero-art img{object-position:64% 50%;opacity:.65}.hero-art::after{background:linear-gradient(180deg,#131116 0%,#13111611 35%,#13111600 60%,#131116 100%),linear-gradient(90deg,#13111644,transparent)}.hero-bottom{margin-top:200px;display:block}.hero-description{font-size:14px}.hero-actions{margin-top:24px;gap:15px;align-items:flex-start;flex-direction:column}.hero-actions .button{font-size:11px;min-height:56px;gap:24px}.hero-actions .text-link{font-size:10px}.hero-footer{padding:20px 0;margin-top:auto;font-size:6px;letter-spacing:.07em}.hero-footer>span:last-child{display:none}.hero-footer .icon{width:12px;height:12px}.expertise-band{padding:19px 0}.expertise-inner{flex-wrap:wrap;justify-content:center;gap:14px 18px;font-size:11px}.expertise-inner>span:last-child{display:none}.expertise-inner>.icon:last-of-type{display:none}.expertise-inner .icon{width:13px;height:13px}.section-meta{margin-bottom:35px;align-items:flex-start}.section-meta .micro{max-width:120px;text-align:right;font-size:7px}.eyebrow{font-size:8px;letter-spacing:.1em}.manifesto-copy{font-size:36px;line-height:1.2}.manifesto-foot{margin-top:35px;gap:35px}.manifesto-foot p{font-size:10px;max-width:230px}.section-heading{margin-bottom:37px}.section-heading>p{font-size:14px;max-width:320px}.service-row{grid-template-columns:24px 1fr;gap:12px 16px;padding:34px 0}.service-title h3{font-size:40px;margin-top:10px;margin-bottom:18px}.service-kicker{font-size:7px}.service-detail{grid-column:2}.service-detail>p{font-size:14px;margin-top:10px}.plain-list{font-size:12px;line-height:1.6}.service-detail .text-link{font-size:9px;gap:10px}.connection-note{align-items:flex-start;gap:17px}.connection-note p{font-size:10px}.connection-note .icon{width:25px;height:25px}.round-link{width:40px;height:40px}.story-layout{gap:20px}.story-aside{padding:0}.story-item{border-top:1px solid #31253d;margin-top:15px;padding:30px 0}.story-item h3{font-size:66px}.story-item p{font-size:14px;max-width:270px}.story-orbit{width:230px;bottom:80px;right:0;opacity:.1}.process-grid{gap:35px}.process-grid article{display:grid;grid-template-columns:28px 1fr;column-gap:14px;padding-top:24px}.process-grid h3{margin:0 0 12px;font-size:30px}.process-grid p{grid-column:2;font-size:14px}.process-grid .step{margin-top:5px}.about-layout{gap:40px}.giant-monogram{font-size:160px;line-height:1.1;margin-top:15px}.about-copy h2{font-size:39px}.about-copy>p{font-size:14px}.about-chips{gap:6px}.about-chips span{font-size:8px}.faq-layout h2{font-size:48px;margin-top:25px}.faq-list summary{font-size:14px;padding:22px 0}.faq-list details>p{font-size:14px}.contact-section{padding:52px 0 56px}.contact-section .section-meta{margin-bottom:35px}.contact-section .section-meta>.icon{width:30px;height:30px}.contact-section h2{font-size:clamp(48px,11.5vw,78px)}.contact-bottom{margin-top:30px;gap:35px}.contact-bottom>div>p{font-size:14px;margin-bottom:22px}.contact-bottom .button{font-size:10px;padding:17px 18px;gap:24px}.contact-brief{width:100%;max-width:none}.contact-brief select{font-size:15px}.footer-top{gap:25px}.footer-top>p{order:3;width:100%;font-size:10px}.back-top{font-size:6px;margin-left:auto;gap:8px}.footer-bottom{font-size:7px;line-height:1.6}.footer-bottom>span:last-child{display:none}}
@media(max-width:360px){.shell{width:calc(100% - 36px)}.hero h1{font-size:clamp(36px,10.8vw,40px)}.hero-eyebrow{font-size:7px}.manifesto-copy{font-size:31px}.hero-bottom{margin-top:180px}.hero-actions .button{font-size:10px;gap:15px}.contact-bottom .button{font-size:9px;gap:13px}.service-title h3{font-size:34px}}


@media(max-width:767px){.service-detail>.seo-explanation{font-size:13px}.expertise-inner>span:last-child{display:inline}.expertise-inner>.icon:last-of-type{display:inline-block}.expertise-inner{font-size:10px;gap:12px}.hero-eyebrow{font-size:7px;letter-spacing:.07em}}

@media(min-width:1100px){}@media(max-width:767px){.case-furniture-photo,.case-electrical-visual{aspect-ratio:1.25}.case-furniture-photo>span{left:22px;bottom:28px;font-size:29px}.case-electrical-visual{padding:22px}.case-electrical-visual>p{font-size:32px;margin-top:22px}.case-card-info h3{font-size:25px}.case-card-description{font-size:13px}.case-product-pair{margin-top:20px}}

@media(min-width:768px){.featured-case-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}}@media(min-width:1100px){.featured-cases{margin-inline:60px}}@media(max-width:767px){.featured-cases{gap:55px}.featured-case .case-furniture-photo,.featured-case .case-electrical-visual{aspect-ratio:1.15}.featured-case .case-furniture-photo>span{left:22px;bottom:30px;font-size:34px}.featured-case .case-electrical-visual{padding:24px;justify-content:flex-start}.featured-case .case-electrical-visual>p{font-size:32px;max-width:100%;margin-top:20px}.featured-case .case-product-pair{width:47%;bottom:18px;right:18px}.featured-case .case-elkra-logo{width:105px;height:47px}.featured-case .case-card-info h3{font-size:26px}.featured-case-details{gap:24px}.featured-case-details h4{font-size:20px}.featured-case-details p{font-size:13px}}

/* Scroll narrative: the same pinned sequence on phone, tablet and desktop. */
.story-stage.is-motion-pinned{height:100svh;min-height:560px;padding:48px 0;display:flex;align-items:center}.is-motion-pinned .story-layout{width:min(1360px,calc(100% - 96px));grid-template-columns:1fr 1.5fr;align-items:center}.is-motion-pinned .story-aside{align-self:start;padding-top:18px}.is-motion-pinned .story-layout.is-pinned .story-words{height:430px}.is-motion-pinned .story-layout.is-pinned .story-item{position:absolute;inset:0;padding:0;margin:0;border:0}.is-motion-pinned .story-item h3{font-size:clamp(58px,8vw,108px)}.is-motion-pinned .story-orbit{pointer-events:none;right:0;bottom:6%;width:min(40vw,450px)}
@media(max-width:767px){.story-stage.is-motion-pinned{padding:32px 0}.is-motion-pinned .story-layout{width:calc(100% - 48px);grid-template-columns:1fr;gap:35px}.is-motion-pinned .story-aside{padding:0;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.is-motion-pinned .story-aside>.eyebrow{font-size:8px}.is-motion-pinned .story-counter{font-size:28px}.is-motion-pinned .story-progress{width:100%;grid-column:1/-1}.is-motion-pinned .story-layout.is-pinned .story-words{height:340px}.is-motion-pinned .story-item h3{font-size:clamp(48px,11vw,76px);margin:20px 0 24px}.is-motion-pinned .story-item p{max-width:290px}.is-motion-pinned .story-orbit{width:250px;bottom:0;opacity:.1}}

.is-motion-pinned .story-counter,.is-motion-pinned .story-progress{display:block}
