/* Vezzuvio cinematic direction */
:root{--night:#111316;--night2:#1b1d21;--paper:#f4f1eb;--ember:#ff6429;--soft:#d7d1ca;--gutter:clamp(28px,5vw,72px)}
html{scroll-padding-top:94px}
body{background:var(--paper);color:var(--night);overflow-x:clip}
::selection{background:var(--ember);color:white}
.wrap{max-width:1440px}
.scroll-progress{height:4px;background:linear-gradient(90deg,#ffb36b,#f0501d,#ffb36b);box-shadow:0 0 18px #ff642999}
.nav{height:82px;position:absolute;inset:0 0 auto;max-width:none;border:0;background:linear-gradient(180deg,rgba(8,9,10,.65),rgba(8,9,10,0));color:#fff;padding-inline:var(--gutter);backdrop-filter:none}
.brand,.brand span:last-child{color:white}
.brand{font-size:27px}
.navlinks a:not(.btn){position:relative;color:#fff9}
.navlinks a:not(.btn):after{content:"";position:absolute;height:1px;background:var(--ember);bottom:-7px;left:0;width:0;transition:width .35s}
.navlinks a:not(.btn):hover:after{width:100%}
.nav .btn{padding:13px 20px;border-radius:100px}
.hero.wrap{max-width:none;min-height:min(900px,100svh);padding:150px var(--gutter) 115px;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);align-items:center;gap:clamp(30px,5vw,80px);background:#171411;isolation:isolate;overflow:hidden;color:#fff}
.hero:before{width:100%;height:100%;inset:0;border-radius:0;background:linear-gradient(90deg,rgba(8,9,10,.91) 0%,rgba(8,9,10,.78) 41%,rgba(8,9,10,.26) 100%),linear-gradient(0deg,rgba(8,9,10,.56),transparent 55%),url('vezzuvio-cinematic-living-room.png') center/cover;animation:sceneDrift 22s ease-in-out infinite alternate;z-index:-2}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 73% 58%,rgba(255,118,48,.19),transparent 30%),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.05) 49.08%,transparent 49.16%);pointer-events:none}
.hero>div:first-child{position:relative;z-index:2}
.hero .eyebrow{color:#ff9b6f;display:flex;align-items:center;gap:12px;letter-spacing:.22em}
.hero .eyebrow:before{content:"";width:34px;height:1px;background:var(--ember)}
.hero h1{font-size:clamp(58px,6.6vw,106px);line-height:.96;letter-spacing:-.075em;max-width:960px;margin:28px 0 32px;text-wrap:balance}
.hero h1 em{color:#ff793d;display:inline}
.hero p{color:#f5f0eacc;font-size:clamp(17px,1.5vw,21px);max-width:630px}
.hero .micro{color:#f5f0ea9c;font-size:13px!important;letter-spacing:.02em}
.hero .textlink{color:white}
.hero .btn{border-radius:100px;padding:19px 27px}
.hero .visual{width:min(100%,500px);justify-self:end;margin-top:100px;padding:10px;background:#ffffff12;transform:rotate(3deg);border:1px solid #ffffff4a;border-radius:26px;box-shadow:0 40px 100px #0009;backdrop-filter:blur(20px);animation:visualFloat 9s ease-in-out infinite}
.hero .visual:before{inset:-16px;border:1px solid #ffffff40;border-radius:32px}
.hero .browser{border-radius:18px;box-shadow:none}
.hero .demohero{background:linear-gradient(120deg,#f5f0e7,#fff);padding:34px;color:#202125}
.hero .demohero p{color:#53635b;font-size:12px;line-height:1.5}
.hero .demohero h2{font-size:clamp(28px,2.8vw,43px)}
.hero .note{color:#fff9}
.hero .visual:after{content:"LIVE CONCEPT  /  01";position:absolute;top:-32px;right:15px;color:#fff9;font-size:10px;font-weight:800;letter-spacing:.18em}
.band{padding:0;background:#17191c;border-top:1px solid #ffffff20}
.band .wrap{max-width:none;gap:0}
.band .wrap>div{padding:38px clamp(20px,3vw,50px);border-right:1px solid #ffffff20;min-height:150px;transition:background .4s ease}
.band .wrap>div:hover{background:#ffffff0b}
.band strong{font-size:clamp(18px,1.8vw,26px);color:#fff}
.band span{color:#b6b6b7}
.band .wrap>div:first-child{padding-left:var(--gutter)}
.band .wrap>div:last-child{padding-right:var(--gutter);border-right:0}
.motion-ribbon{overflow:hidden;background:#f3682c;color:#171819;padding:18px 0;border-top:1px solid #ffaf7d}
.ribbon-track{display:flex;width:max-content;animation:ribbonMove 25s linear infinite}
.ribbon-track span{display:flex;align-items:center;gap:30px;flex:none;padding-right:30px;font-size:clamp(23px,3vw,44px);font-weight:900;letter-spacing:-.065em;line-height:1;white-space:nowrap}
.ribbon-track b{font-size:.6em;font-weight:400;color:#fff}
.section.wrap{padding-top:140px;padding-bottom:140px}
.section h2{font-size:clamp(46px,5.6vw,78px);letter-spacing:-.07em;line-height:1.02;max-width:880px;text-wrap:balance}
.sectionlead{font-size:clamp(17px,1.5vw,21px);line-height:1.65}
.section .eyebrow,.story-section .eyebrow,.showcase .eyebrow{letter-spacing:.18em}
.cards{gap:20px;margin-top:62px}
.card{position:relative;overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:35px;border:1px solid #d5d1ca;background:#fffdf9;border-radius:4px;box-shadow:0 10px 30px #181b1f08}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),#ff6b252b,transparent 50%);opacity:0;transition:opacity .35s}
.card:hover:before{opacity:1}
.card:after{content:"↗";position:absolute;top:26px;right:30px;color:#e95018;font-size:25px}
.card .num,.card h3,.card p{position:relative}
.card .num{margin-bottom:auto;letter-spacing:.14em}
.card h3{font-size:clamp(23px,2vw,31px);line-height:1.1;margin:44px 0 14px}
.card p{font-size:15px}
.portfolio-section{padding:125px 0 115px;background:#f3f0ea;overflow:hidden}
.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:50px}
.portfolio-heading h2{font-size:clamp(47px,5.8vw,82px);line-height:.98;letter-spacing:-.07em;max-width:850px;margin:18px 0 0;text-wrap:balance}
.portfolio-heading p{font-size:18px;line-height:1.6;color:#62605d;max-width:340px}
.portfolio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.portfolio-card{display:block;min-width:0;text-decoration:none;color:#1c1c1d}
.portfolio-art{position:relative;height:clamp(320px,31vw,440px);padding:29px 21px 0;overflow:hidden;border-radius:8px;display:flex;align-items:flex-end}
.concept-sunday .portfolio-art{background:#d6dfd4}
.concept-morrow .portfolio-art{background:#b8dce9}
.concept-goodkind .portfolio-art{background:#f8d3be}
.portfolio-art:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,#ffffffa8,transparent 55%);transform:translate(-35%,40%);transition:transform .8s}
.portfolio-card:hover .portfolio-art:before,.portfolio-card:focus-visible .portfolio-art:before{transform:translate(25%,-15%)}
.portfolio-browser{position:relative;width:100%;height:95%;border:7px solid #1b1c1e;border-bottom:0;border-radius:17px 17px 0 0;overflow:hidden;background:#fff;box-shadow:0 22px 60px #17181c42;transform:translateY(20px) rotate(-3deg);transform-origin:bottom center;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.portfolio-card:hover .portfolio-browser,.portfolio-card:focus-visible .portfolio-browser{transform:translateY(0) rotate(0)}
.portfolio-dots{height:26px;background:#1b1c1e;display:flex;gap:4px;align-items:center;padding-left:10px}
.portfolio-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#ef7540}
.portfolio-dots i:nth-child(2){background:#edc069}.portfolio-dots i:nth-child(3){background:#70ad78}
.portfolio-preview{height:calc(100% - 26px);padding:27px 24px;display:flex;flex-direction:column;align-items:flex-start;position:relative;isolation:isolate}
.portfolio-preview:before{content:"";position:absolute;z-index:-2;inset:0;background-size:cover;background-position:center;transition:transform .8s}
.portfolio-card:hover .portfolio-preview:before,.portfolio-card:focus-visible .portfolio-preview:before{transform:scale(1.08)}
.portfolio-preview:after{content:"";position:absolute;z-index:-1;inset:0}
.portfolio-preview span{font-size:18px;letter-spacing:-.05em;font-weight:800}
.portfolio-preview strong{display:block;font-size:clamp(29px,2.6vw,43px);letter-spacing:-.065em;line-height:1.04;max-width:290px;margin:auto 0 13px;text-wrap:balance}
.portfolio-preview small{font-size:11px;font-weight:650}
.concept-sunday .portfolio-preview{color:#263d2f}
.concept-sunday .portfolio-preview span,.concept-sunday .portfolio-preview strong{font-family:Georgia,serif;font-weight:400}
.concept-sunday .portfolio-preview span{font-style:italic;font-weight:700;font-size:22px}
.concept-sunday .portfolio-preview:before{background-image:url('vezzuvio-cinematic-living-room.png');background-position:60% center}
.concept-sunday .portfolio-preview:after{background:linear-gradient(90deg,#f9f6eee8 0%,#f9f6eeb5 60%,#f9f6ee10 100%)}
.concept-morrow .portfolio-preview{color:#153f52}
.concept-morrow .portfolio-preview:before{background-image:url('portfolio-morrow-kitchen.png');background-position:65% center}
.concept-morrow .portfolio-preview:after{background:linear-gradient(90deg,#e8f3f7f2 0%,#e8f3f7ca 56%,#e8f3f710 100%)}
.concept-goodkind .portfolio-preview{color:#55342d;align-items:flex-end;text-align:right}
.concept-goodkind .portfolio-preview:before{background-image:url('portfolio-goodkind-living.png');background-position:32% center}
.concept-goodkind .portfolio-preview:after{background:linear-gradient(90deg,#fff0e500,#fff0e5ad 40%,#fff0e5ed 100%)}
.portfolio-meta{display:flex;justify-content:space-between;gap:10px;padding:23px 3px 0}
.portfolio-meta small{font-size:11px;font-weight:850;letter-spacing:.16em;color:#e25922}
.portfolio-meta h3{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.055em;margin:8px 0 5px}
.portfolio-meta p{font-size:14px;line-height:1.5;color:#6e6d6b;margin:0}
.portfolio-arrow{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid #cfcac2;font-size:22px;transition:background .3s,color .3s,transform .3s}
.portfolio-card:hover .portfolio-arrow,.portfolio-card:focus-visible .portfolio-arrow{background:#e85a24;color:#fff;transform:rotate(45deg);border-color:#e85a24}
.portfolio-disclaimer{font-size:13px;color:#77716d;margin:38px 0 0;line-height:1.5}
.portfolio-card:focus-visible{outline:3px solid #ef642e;outline-offset:6px}
.story-section{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;color:#fff;background:#101114}
.story-image{position:absolute;inset:-8% 0;background:url('vezzuvio-cinematic-kitchen.png') center/cover;transform:scale(1.08) translate3d(0,var(--parallax,0px),0);will-change:transform}
.story-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0d0ff2 0%,#0c0d0fc9 42%,#0c0d0f2e 100%),linear-gradient(0deg,#0c0d0f91,transparent 60%)}
.story-content{position:relative;z-index:1;padding-top:120px;padding-bottom:120px;width:100%}
.story-content .eyebrow{color:#ff9861}
.story-content h2{font-size:clamp(52px,6.5vw,98px);line-height:.97;letter-spacing:-.075em;max-width:850px;text-wrap:balance;margin:24px 0}
.story-content h2 em{color:#ff793d;font-style:normal}
.story-content p{font-size:clamp(18px,1.6vw,23px);color:#eeebe6c9;max-width:620px;line-height:1.55}
.story-index{position:absolute;right:var(--gutter);bottom:50px;color:#ffffff9c;font-size:12px;letter-spacing:.2em}
.showcase{background:#191a1d;color:white;padding:130px 0 145px;overflow:hidden}
.showcase-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}
.showcase .eyebrow{color:#ff9861}
.showcase h2{font-size:clamp(50px,6vw,90px);line-height:.97;letter-spacing:-.07em;margin:18px 0 0;max-width:750px;text-wrap:balance}
.showcase-head p{font-size:18px;line-height:1.6;color:#c6c3be;max-width:330px}
.showcase-stage{border:1px solid #ffffff27;background:radial-gradient(circle at 50% 15%,#ff773124,transparent 40%),#24262a;border-radius:20px;padding:clamp(20px,4vw,56px);position:relative}
.showcase-stage:before,.showcase-stage:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #ff753345;border-radius:50%;pointer-events:none}
.showcase-stage:before{top:-120px;right:-80px}.showcase-stage:after{bottom:-160px;left:-120px;width:350px;height:350px}
.showcase-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:28px;position:relative;z-index:2}
.showcase-tabs button{border:1px solid #ffffff35;border-radius:100px;background:#ffffff0b;color:#fff;padding:11px 19px;font-size:13px;font-weight:700;transition:background .25s,transform .25s,border-color .25s}
.showcase-tabs button:hover{transform:translateY(-2px);border-color:#ff7c4b}
.showcase-tabs button[aria-selected="true"]{background:#ff6429;border-color:#ff6429;color:#fff}
.showcase-tabs span{margin-left:auto;color:#ffffff70;letter-spacing:.14em;font-size:11px;text-transform:uppercase}
.showcase-window{position:relative;background:#f8f5ee;color:#222;border:9px solid #101114;border-radius:20px;overflow:hidden;box-shadow:0 45px 80px #0008;min-height:530px}
.showcase-toolbar{height:39px;background:#111316;color:#fff9;display:flex;align-items:center;gap:7px;padding:0 16px;font-size:11px}
.showcase-toolbar i{width:7px;height:7px;border-radius:50%;background:#ff6838;display:block}.showcase-toolbar i:nth-child(2){background:#edbc55}.showcase-toolbar i:nth-child(3){background:#69b977}
.showcase-toolbar span{margin:auto;color:#ffffff70}
.sample-nav{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:13px;font-weight:750;background:#f8f5ee}
.sample-nav strong{font-family:Georgia,serif;font-size:25px;font-style:italic;letter-spacing:-.05em}
.sample-nav small{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.sample-nav b{font-size:11px;border-radius:100px;background:#293d32;color:#fff;padding:10px 14px}
.sample-screen{display:none;min-height:414px;animation:screenIn .55s cubic-bezier(.2,.8,.2,1) both}
.sample-screen.is-active{display:grid}
.sample-home{grid-template-columns:1fr 1fr}
.sample-copy{padding:clamp(24px,5vw,72px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.sample-copy small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#607363;font-weight:800}
.sample-copy h3{font-family:Georgia,serif;font-size:clamp(36px,4.7vw,70px);font-weight:400;line-height:1.03;letter-spacing:-.055em;margin:17px 0}
.sample-copy p{font-size:14px;line-height:1.6;color:#66675e;max-width:360px}
.sample-copy .sample-cta{font-size:12px;background:#304d3a;color:#fff;padding:14px 20px;border-radius:100px;margin-top:15px}
.sample-photo{background:url('vezzuvio-cinematic-living-room.png') 66% center/cover;min-height:414px}
.sample-services{grid-template-columns:1fr 1fr 1fr;gap:1px;background:#e0dbd2;padding:1px}
.sample-services>div{background:#f8f5ee;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;min-height:414px}
.sample-services span{font-family:Georgia,serif;font-size:80px;color:#ded8cd;margin-bottom:auto}
.sample-services h3{font-family:Georgia,serif;font-size:32px;font-weight:400;letter-spacing:-.05em;margin:0 0 12px}
.sample-services p{font-size:14px;line-height:1.5;color:#676a62;margin:0}
.sample-quote{grid-template-columns:1fr 1fr;background:#f0ece3}
.sample-quote .sample-copy{background:url('vezzuvio-cinematic-kitchen.png') center/cover;position:relative;color:#fff}
.sample-quote .sample-copy:before{content:"";position:absolute;inset:0;background:#14171080}
.sample-quote .sample-copy>*{position:relative}.sample-quote .sample-copy small,.sample-quote .sample-copy p{color:#fff}
.sample-fields{padding:clamp(24px,4vw,52px);display:flex;flex-direction:column;justify-content:center;gap:13px}
.sample-fields span{display:block;background:#fff;border:1px solid #dcd8cc;padding:15px;font-size:12px;color:#777;border-radius:6px}
.sample-fields span:last-child{background:#304d3a;color:#fff;text-align:center;border-color:#304d3a;font-weight:750}
.showcase-note{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#ffffff8c;font-size:13px;margin-top:23px}
.showcase-note span:last-child{color:#ff945c;font-weight:750}
.alternate{background:#eeebe5}
.alternate .wrap{max-width:1340px}
.grid2{gap:clamp(35px,6vw,100px)}
.checklist li{font-size:17px;padding:17px 0;border-color:#d4cfc6}
.price{position:relative;overflow:hidden;border:1px solid #e0d9ce;border-radius:8px;padding:clamp(32px,4vw,54px);box-shadow:0 30px 70px #20170e18;background:#fffdf8}
.price:before{content:"";position:absolute;width:270px;height:270px;top:-150px;right:-120px;border:1px solid #ff64294d;border-radius:50%;box-shadow:0 0 0 30px #ff642911,0 0 0 65px #ff642908}
.price h3,.price .amount,.price p,.price ul,.price a,.price small{position:relative}
.price .amount{font-size:clamp(64px,7vw,94px);line-height:1;color:#ed541e;margin:24px 0}
.price .btn{border-radius:100px;margin-top:13px}
.steps{gap:0;margin-top:60px;grid-template-columns:repeat(5,minmax(0,1fr))}
.step{border-top:1px solid #b9b6b0;padding:27px 22px 12px;position:relative}
.step:first-child{padding-left:0}.step:last-child{padding-right:0}
.step:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#ff6429;top:-5px;left:22px;box-shadow:0 0 0 5px #ff642922}
.step:first-child:before{left:0}
.step b{font-size:13px;letter-spacing:.15em}
.step h3{font-size:21px;margin:30px 0 12px}
.formsection{position:relative;overflow:hidden;background:#151619;padding:140px 0}
.formsection:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,#ff64293b,transparent 63%);left:-260px;bottom:-350px;pointer-events:none}
.formsection .wrap{position:relative;max-width:1340px}
.formsection h2{font-size:clamp(53px,5.6vw,82px)!important;line-height:.98!important;letter-spacing:-.07em!important;max-width:650px;margin:18px 0 24px}
.formsection .sectionlead{font-size:19px}
.form{border-radius:8px;padding:clamp(25px,4vw,44px);box-shadow:0 45px 80px #0006}
.form .btn{border-radius:100px}
.copy-request{border:0;background:none;color:#d94b19;text-decoration:underline;text-underline-offset:4px;margin-left:12px;padding:12px 0;font-size:14px;font-weight:750}
.copy-request:hover{color:#a83814}
.honey{display:none!important}
.form-privacy{font-size:13px;line-height:1.55;color:#666;max-width:480px;margin:17px 0 0}
.support-link{color:#e8501d;text-decoration-thickness:2px;text-underline-offset:5px}
footer a{color:#f7f3ed;text-underline-offset:4px}
.faq{padding-top:115px!important;padding-bottom:115px!important}
.faq h2{font-size:clamp(40px,5vw,66px)}
footer{background:#151619;color:#b8b8b8;border:0;padding:42px 0}
@keyframes screenIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sceneDrift{from{transform:scale(1.02)}to{transform:scale(1.12)}}
@keyframes ribbonMove{to{transform:translateX(-50%)}}
@keyframes shimmer{from{background-position:0%}to{background-position:200%}}
.has-motion .reveal{transform:translateY(46px);transition-duration:.85s}
.has-motion .reveal.in-view{transform:translateY(0)}
.has-motion .story-content h2,.has-motion .showcase h2{transition-delay:.1s}
@media(max-width:980px){.hero.wrap{grid-template-columns:1fr;min-height:auto;padding-top:150px;padding-bottom:90px}.hero h1{max-width:850px}.hero .visual{margin-top:20px;width:min(100%,620px);justify-self:center}.hero:before{background:linear-gradient(90deg,#08090ae6,#08090a75),url('vezzuvio-cinematic-living-room.png') center/cover}.portfolio-heading{display:block}.portfolio-heading p{max-width:650px}.portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-head{display:block}.showcase-head p{max-width:620px}.steps{grid-template-columns:repeat(2,1fr);row-gap:35px}.step:nth-child(odd){padding-left:0}.step:nth-child(odd):before{left:0}.sample-services>div{padding:23px}}
@media(max-width:800px){.nav{height:76px}.hero.wrap{padding-top:130px}.band .wrap{grid-template-columns:1fr}.band .wrap>div,.band .wrap>div:first-child,.band .wrap>div:last-child{min-height:0;padding:27px var(--gutter);border-right:0;border-bottom:1px solid #ffffff20}.story-section{min-height:620px}.story-section:after{background:linear-gradient(90deg,#0c0d0fe5,#0c0d0f80)}.section.wrap{padding-top:100px;padding-bottom:100px}.showcase{padding:100px 0}.showcase-window{min-height:0}.sample-screen{min-height:350px}.sample-photo{min-height:350px}.sample-nav small{display:none}.formsection{padding:100px 0}}
@media(max-width:600px){:root{--gutter:28px}.nav{height:72px}.brand{font-size:23px}.nav .btn{padding:11px 14px;font-size:12px}.hero.wrap{padding:125px var(--gutter) 70px;gap:30px}.hero .eyebrow{font-size:10px;letter-spacing:.15em}.hero h1{font-size:clamp(47px,11.6vw,67px);line-height:.99;margin:23px 0}.hero p{font-size:17px}.hero .visual{margin-top:25px;width:calc(100% - 12px);padding:7px}.hero .demohero{padding:24px 20px}.hero .demohero h2{font-size:30px}.hero .micro{font-size:12px!important}.hero .actions{margin-top:25px}.band strong{font-size:20px}.section.wrap{padding:82px var(--gutter)}.section h2{font-size:clamp(42px,10vw,58px)}.cards{margin-top:38px}.card{min-height:270px}.portfolio-section{padding:85px 0}.portfolio-heading{margin-bottom:36px}.portfolio-heading h2{font-size:clamp(44px,10vw,58px)}.portfolio-heading p{font-size:16px}.portfolio-gallery{grid-template-columns:1fr;gap:35px}.portfolio-art{height:390px}.portfolio-preview strong{font-size:42px}.portfolio-meta h3{font-size:29px}.story-section{min-height:610px}.story-content{padding-top:100px;padding-bottom:100px}.story-content h2{font-size:clamp(48px,11vw,68px)}.story-image{background-position:60% center}.story-index{bottom:30px}.showcase{padding:85px 0}.showcase h2{font-size:clamp(45px,10.6vw,64px)}.showcase-stage{padding:14px;border-radius:13px}.showcase-tabs{gap:6px}.showcase-tabs button{font-size:11px;padding:9px 12px}.showcase-tabs span{display:none}.showcase-window{border-width:5px;border-radius:10px}.showcase-toolbar{height:28px}.sample-nav{height:48px;padding:0 14px}.sample-nav strong{font-size:19px}.sample-nav b{font-size:9px;padding:7px}.sample-home,.sample-quote{grid-template-columns:1fr}.sample-home .sample-copy{min-height:280px}.sample-photo{min-height:190px;order:-1}.sample-copy{padding:25px}.sample-copy h3{font-size:40px}.sample-screen{min-height:0}.sample-services{grid-template-columns:1fr}.sample-services>div{min-height:145px;padding:18px}.sample-services span{font-size:35px}.sample-services h3{font-size:25px;margin:0 0 5px}.sample-quote .sample-copy{min-height:225px}.sample-quote .sample-copy h3{font-size:35px}.sample-fields{padding:18px}.showcase-note{display:block;line-height:1.5}.showcase-note span{display:block}.showcase-note span:last-child{margin-top:7px}.price{padding:30px}.steps{grid-template-columns:1fr;margin-top:48px;gap:0}.step,.step:first-child,.step:last-child{padding:22px 0 30px 25px;border-top:0;border-left:1px solid #b9b6b0}.step:before,.step:first-child:before{top:23px;left:-6px}.step h3{margin:12px 0}.step:last-child{border-left:0}.formsection{padding:82px 0}.formsection h2{font-size:clamp(43px,10vw,60px)!important}.faq{padding-top:80px!important;padding-bottom:80px!important}}
@media(prefers-reduced-motion:reduce){.story-image{transform:none!important}.sample-screen,.hero:before,.ribbon-track{animation:none}.hero .visual{animation:none}.has-motion .reveal{opacity:1;transform:none;transition:none}.card,.portfolio-browser,.portfolio-preview:before,.portfolio-art:before,.portfolio-arrow,.showcase-tabs button{transition:none}}
