@font-face{font-family:Body;src:url(fonts/schibsted-grotesk-latin.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Bricolage;src:url(fonts/bricolage-grotesque-latin.woff2) format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Archivo;src:url(fonts/archivo-black-latin.woff2);font-weight:400;font-display:swap}@font-face{font-family:Syne;src:url(fonts/syne-800-latin.woff2);font-weight:800;font-display:swap}@font-face{font-family:Dela;src:url(fonts/dela-gothic-one-latin.woff2);font-weight:400;font-display:swap}@font-face{font-family:Mono;src:url(fonts/space-mono-400-latin.woff2);font-display:swap}@font-face{font-family:Tight;src:url(fonts/inter-tight-latin-300-normal.woff2);font-weight:300;font-display:swap}@font-face{font-family:Tight;src:url(fonts/inter-tight-latin-500-normal.woff2);font-weight:500;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Body,sans-serif;font-size:16px;--paper:#f4f2e9;--ink:#202520;--accent:#dd442c;--display:Bricolage}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display),sans-serif;letter-spacing:-.055em;line-height:.97;font-weight:600}h1{font-size:clamp(58px,7.5vw,116px)}h2{font-size:clamp(40px,4.3vw,72px)}p{line-height:1.65}em{font-style:normal;color:var(--accent)}.eyebrow{font:10px/1.6 Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:white;color:black;z-index:100}.skip:focus{top:10px}.demo-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4.5%;position:relative;z-index:20;background:var(--paper);color:var(--ink)}.wordmark{font:800 26px/1 Bricolage;letter-spacing:-.06em;display:inline-block}.wordmark small{display:block;font:7px/1 Mono;letter-spacing:.15em;margin-top:8px}.demo-header nav{display:flex;align-items:center;gap:35px;font-size:12px}.demo-header nav button{border-bottom:1px solid currentColor;padding:9px 0}.all-demos{font:10px Mono;border:1px solid #7777;padding:9px 13px;border-radius:40px;white-space:nowrap}.hero{position:relative;min-height:calc(100svh - 92px);overflow:hidden}.cta{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;padding:16px 23px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-size:12px;font-weight:600;min-height:48px}.cta span{font-size:19px;transition:transform .2s}.cta:hover span{transform:translate(3px,-3px)}.detail{padding:100px 6%;display:grid;grid-template-columns:1fr 1.2fr;gap:8%;border-top:1px solid #7774}.detail-heading>.eyebrow{margin-bottom:28px}.detail-heading>p:not(.eyebrow){margin-top:24px;max-width:38ch;font-size:14px}.detail-heading>.cta{margin-top:30px}.editorial-rows{align-self:center}.editorial-rows article{display:grid;grid-template-columns:30px 1fr 25px;gap:14px;padding:25px 0;border-bottom:1px solid #7776}.editorial-rows article:first-child{border-top:1px solid #7776}.editorial-rows h3{font-size:26px;letter-spacing:-.035em}.editorial-rows article>p{grid-column:2;font-size:13px;opacity:.75;max-width:43ch}.row-number{font:10px Mono;padding-top:6px}.editorial-rows article>span:last-child{grid-column:3;grid-row:1;font-size:20px}.demo-footer{display:flex;flex-wrap:wrap;gap:20px 35px;align-items:center;padding:28px 4.5%;border-top:1px solid #7774;font-size:10px;line-height:1.6}.demo-footer>p{max-width:66ch;margin-right:auto;opacity:.7}.demo-footer strong{font-weight:500}.demo-footer>a{text-decoration:underline;text-underline-offset:4px}.inquiry-dialog{max-width:min(94vw,630px);max-height:90svh;padding:65px 40px 40px;border:0;background:#f5f1e8;color:#202520}.inquiry-dialog::backdrop{background:#141812ba;backdrop-filter:blur(7px)}.inquiry-dialog [data-close]{position:absolute;right:20px;top:12px;font-size:30px;min-width:44px;min-height:44px}.inquiry-dialog h2{font-family:Bricolage;font-size:48px;margin:22px 0}.inquiry-dialog>p:not(.eyebrow){font-size:14px;margin-bottom:28px}.inquiry-dialog .cta{background:#202520;color:#f5f1e8;border-color:#202520}
/* LINDEN: quiet, asymmetric practice editorial. */
.demo-arztpraxis{--paper:#f8f4ee;--ink:#402f31;--accent:#956873;--display:Bricolage}.demo-arztpraxis .wordmark{font-size:34px}.demo-arztpraxis .hero{display:grid;grid-template-columns:1fr 1fr;padding:30px 4.5% 55px;gap:5%}.medical-copy{align-self:center;padding:35px 0}.medical-copy h1{font-size:clamp(50px,5.6vw,86px);font-weight:500;margin:32px 0}.medical-copy h1 em{font-weight:300}.medical-copy>p:not(.eyebrow){font-size:15px}.medical-copy .cta{margin-top:32px;border-radius:50px;background:var(--accent);border-color:var(--accent);color:#fff}.medical-photo{position:relative;min-height:500px;border-radius:48% 48% 5px 5px;overflow:hidden}.medical-photo>img{height:100%;position:absolute;object-fit:cover;object-position:67% center}.photo-label{position:absolute;bottom:24px;left:24px;background:#f8f4eeed;padding:14px 18px;font-size:11px}.medical-note{display:flex;gap:16px;align-items:center;margin-top:65px;font-size:11px}.small-cross{font:300 38px Tight}.demo-arztpraxis .detail{background:#ebe1dc}.demo-arztpraxis .detail h2{font-weight:400}
/* STROMWERK: red technical poster with a scroll-lit installation. */
.demo-elektrobetrieb{--paper:#ef412b;--ink:#211e1b;--accent:#f8eab5;--display:Archivo}.demo-elektrobetrieb .wordmark{font:400 25px Archivo;letter-spacing:-.04em}.demo-elektrobetrieb .hero{display:grid;grid-template-columns:1.05fr 1fr;padding:45px 4.5% 70px;background-image:linear-gradient(#0000000c 1px,transparent 1px),linear-gradient(90deg,#0000000c 1px,transparent 1px);background-size:60px 60px}.electric-copy{z-index:2;align-self:center}.electric-copy h1{font-size:clamp(58px,6.6vw,104px);margin:30px 0 22px;line-height:.94}.electric-copy>p:not(.eyebrow){font-size:13px}.electric-copy .cta{margin-top:28px}.electric-art{align-self:center;min-width:0}.power-diagram{width:100%;height:auto;overflow:visible}.technical-label{display:flex;justify-content:space-between;font:8px Mono;padding:0 10%}.electric-scroll{position:absolute;bottom:25px;right:5%;font:9px Mono}.demo-elektrobetrieb .detail{background:#f2ecd9;color:#211e1b;--paper:#f2ecd9}.demo-elektrobetrieb .detail h2{font-size:clamp(38px,4.5vw,70px)}
/* GUTE LEUTE: energetic typography and an editorial people cutout. */
.demo-personaldienstleister{--paper:#f4df35;--ink:#302132;--accent:#7142b6;--display:Syne}.demo-personaldienstleister .hero{padding:38px 4.5% 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:3%;align-items:center}.people-copy{position:relative;z-index:2}.people-copy h1{font-size:clamp(57px,6.2vw,96px);margin:30px 0;line-height:.98}.people-copy h1 span{color:var(--accent)}.people-copy>p:not(.eyebrow){font-size:16px}.people-photo{position:relative;border-radius:230px 230px 8px 8px;align-self:stretch;min-height:480px;margin:20px 0}.people-photo>img{height:100%;object-fit:cover;border-radius:inherit;object-position:57% center}.people-sticker{position:absolute;left:-30px;bottom:25px;background:#7142b6;color:#f4df35;transform:rotate(-8deg);border-radius:50%;width:140px;height:140px;display:grid;place-content:center;font:800 20px/.95 Syne;text-align:center}.audience-switch{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.audience-switch button{background:var(--ink);color:var(--paper);padding:17px 19px;font-size:12px;border:1px solid var(--ink)}.audience-switch button[aria-pressed=false]{background:transparent;color:var(--ink)}.demo-personaldienstleister .detail{background:#cbb9e9;color:#302132;--paper:#cbb9e9}.demo-personaldienstleister .detail h2{font-size:clamp(39px,4.3vw,66px)}
/* FINISH: one decisive photograph and oversized automotive typography. */
.demo-fahrzeugaufbereitung{--paper:#11130f;--ink:#f0f1d9;--accent:#d4f044;--display:Archivo}.demo-fahrzeugaufbereitung .hero{min-height:calc(100svh - 92px);color:#f5f3e9}.demo-fahrzeugaufbereitung .hero>.hero-image{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center}.demo-fahrzeugaufbereitung .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080b0deb,transparent 85%)}.auto-copy{position:absolute;inset:auto 5% 60px;z-index:2}.auto-copy h1{font-size:clamp(59px,7.7vw,124px);margin:22px 0 30px;letter-spacing:-.055em}.auto-copy h1 span{color:var(--accent)}.auto-baseline{display:flex;justify-content:space-between;gap:30px;align-items:end}.auto-baseline p{font-size:13px}.demo-fahrzeugaufbereitung .cta{background:#d4f044;border-color:#d4f044;color:#11130f}.auto-index{position:absolute;right:5%;top:30px;z-index:2;font:9px Mono;letter-spacing:.1em}.demo-fahrzeugaufbereitung .detail .eyebrow{color:var(--accent)}
/* FORME: fashion poster, lilac and hard-edged photography. */
.demo-friseursalon{--paper:#d1b9ee;--ink:#2f153b;--accent:#f0ff9c;--display:Archivo}.demo-friseursalon .wordmark{font:800 30px Syne}.demo-friseursalon .hero{padding:35px 4.5% 65px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%}.salon-type{z-index:2}.salon-type h1{font-size:clamp(66px,8vw,126px);line-height:.92;letter-spacing:-.065em;margin:26px 0 34px}.salon-type h1 span{font-size:.5em;white-space:nowrap;letter-spacing:-.055em}.salon-photo{position:relative;align-self:stretch;min-height:490px;transform:rotate(2deg);margin:10px 10px 18px 0}.salon-photo>img{height:100%;object-fit:cover;object-position:66% center}.salon-caption{display:block;position:absolute;bottom:0;left:0;right:0;padding:12px 15px;background:#2f153b;color:#e9d6fb;font:9px Mono;letter-spacing:.12em}.salon-star{position:absolute;right:3%;top:2%;font:180px/1 Dela;color:#f0ff9c;z-index:3;pointer-events:none}.demo-friseursalon .detail{background:#2f153b;color:#e9d6fb;--ink:#e9d6fb;--paper:#2f153b}.demo-friseursalon .detail h2{font-size:clamp(37px,4.3vw,65px)}
/* LIDO: sunny editorial dining; typography and a wide food photograph. */
.demo-restaurant{--paper:#f5ecd8;--ink:#b33a2a;--accent:#b33a2a;--display:Bricolage}.demo-restaurant .wordmark{font:700 25px Bricolage;letter-spacing:-.045em}.demo-restaurant .hero{padding:18px 4.5% 45px}.restaurant-top{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:end;margin-bottom:38px}.restaurant-top>.eyebrow{grid-column:1/-1}.restaurant-top h1{font-size:clamp(53px,6.1vw,95px);font-weight:500;line-height:.98}.restaurant-top h1 em{font-weight:300}.restaurant-top>div{justify-self:end;padding-right:5%;font-size:13px}.restaurant-top .cta{margin-top:20px;padding:12px 18px;border-radius:50px}.restaurant-photo{height:45svh;min-height:300px;max-height:550px;position:relative;overflow:hidden;border-radius:130px 130px 0 0}.restaurant-photo>img{height:100%;object-fit:cover;object-position:center 54%}.restaurant-seal{position:absolute;right:6%;top:10%;width:120px;height:120px;background:#f5ecd8;color:#b33a2a;border-radius:50%;display:grid;place-content:center;text-align:center;font:500 15px/1.2 Bricolage;transform:rotate(12deg)}.demo-restaurant .detail{border-color:#b33a2a55}.demo-restaurant .editorial-rows article{border-color:#b33a2a55}.demo-restaurant .detail h2{font-weight:400}
/* VESPER: a sculptural cocktail, orbit line and restrained night colours. */
.demo-bar{--paper:#171e18;--ink:#e9d5a8;--accent:#c88043;--display:Tight}.demo-bar .wordmark{font:300 29px Tight;letter-spacing:.17em}.demo-bar .hero{height:calc(100svh - 92px);min-height:680px;padding:22px 5%;isolation:isolate}.bar-heading{position:relative;text-align:center;z-index:3;pointer-events:none}.bar-heading h1{font:300 clamp(46px,5.8vw,89px)/.99 Tight;letter-spacing:-.045em;margin-top:24px}.bar-heading h1 em{color:var(--ink)}.bar-photo{position:absolute;width:35%;height:76%;left:32.5%;bottom:-2%;z-index:1;border-radius:50% 50% 0 0;overflow:hidden}.bar-photo>img{height:100%;object-fit:cover;object-position:center 60%}.bar-orbit{position:absolute;left:14%;right:14%;top:18%;height:60%;border:1px solid #d4b67866;border-radius:50%;transform:rotate(-18deg);z-index:0}.bar-side{position:absolute;left:7%;bottom:18%;z-index:4}.bar-side>span{font:9px/1.6 Mono;letter-spacing:.1em}.bar-side p{font:300 23px/1.2 Tight;margin:22px 0}.bar-side .cta{font:500 12px Body;background:transparent;color:var(--ink);border:1px solid #d4b67888;border-radius:50px}.bar-floor{position:absolute;right:5%;bottom:30px;font:8px Mono;letter-spacing:.12em;writing-mode:vertical-rl}.demo-bar .detail{padding-top:100px}.demo-bar .detail h2{font-weight:300;font-size:clamp(53px,5.2vw,82px)}.demo-bar .editorial-rows h3{font-weight:300;font-size:34px}
/* KONTUR: architectural layout, large type and quiet framing. */
.demo-immobilienmakler{--paper:#eae9df;--ink:#25362c;--accent:#718364;--display:Tight}.demo-immobilienmakler .wordmark{font:500 26px Tight;letter-spacing:.14em}.demo-immobilienmakler .hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:5%;padding:35px 4.5% 60px}.property-copy{align-self:center}.property-copy h1{font:300 clamp(66px,8.4vw,132px)/.85 Tight;letter-spacing:-.05em;margin:30px 0}.property-copy h1 em{font-size:.72em;color:var(--ink)}.property-copy>p:not(.eyebrow){font-size:13px}.property-copy .cta{margin-top:26px;background:transparent;color:var(--ink);padding-left:0;padding-right:0;border-width:0 0 1px;min-width:210px}.property-photo{align-self:stretch;position:relative;min-height:480px}.property-photo>img{height:100%;object-fit:cover;object-position:57% center}.property-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;background:#eae9df;padding:16px 0 0;font:8px Mono}.demo-immobilienmakler .detail h2{font-weight:300}.demo-immobilienmakler .editorial-rows h3{font-weight:500}
/* BRACE: a single pinned composition, from dough-time to oven-time. */
.demo-pizzeria{--paper:#e64125;--ink:#f4ead7;--accent:#251f18;--display:Dela}.demo-pizzeria .wordmark{font:400 30px Dela;letter-spacing:-.07em}.demo-pizzeria .hero{overflow:visible;min-height:0}.pizza-stage{height:100svh;min-height:650px;position:relative;overflow:hidden;background:#e64125;isolation:isolate}.pizza-grid{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:70px 70px}.pizza-first{position:absolute;left:5%;top:12%;z-index:3;max-width:65%}.pizza-first h1{font:400 clamp(73px,10.8vw,170px)/.9 Dela;letter-spacing:-.08em;margin:28px 0}.pizza-first h1 span{color:#251f18}.pizza-first>p:not(.eyebrow){font-size:14px}.pizza-product{position:absolute;right:-3%;top:13%;width:58%;aspect-ratio:1;border-radius:50%;overflow:hidden;z-index:2;will-change:transform}.pizza-product img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pizza-second{position:absolute;left:5%;top:28%;z-index:5;max-width:64%;opacity:0;visibility:hidden}.pizza-second>span{font:11px Mono;letter-spacing:.1em;display:block;margin-bottom:25px}.pizza-second>strong{font:400 clamp(47px,7vw,112px)/.96 Dela;letter-spacing:-.075em}.pizza-progress{position:absolute;bottom:37px;left:5%;display:flex;align-items:center;gap:14px;font:9px Mono;z-index:5}.pizza-progress i{width:35px;height:1px;background:currentColor}.pizza-skip{position:absolute;right:5%;top:30px;z-index:8;font:11px Mono;border-bottom:1px solid currentColor;padding-bottom:5px}.pizza-scroll{position:absolute;right:5%;bottom:37px;font:9px Mono;z-index:5}.demo-pizzeria .detail{background:#251f18;color:#f4ead7;--paper:#251f18;--ink:#f4ead7}.demo-pizzeria .detail h2{font:400 clamp(35px,4vw,61px)/1.08 Dela;letter-spacing:-.055em}.demo-pizzeria .editorial-rows h3{font-family:Bricolage}.demo-pizzeria .demo-footer{background:#251f18}
@media(min-width:1700px){.hero:not(#never){max-height:1250px}.detail{padding-inline:max(6%,calc((100vw - 1500px)/2))}}
@media(max-width:950px){.demo-header{padding-inline:4%;height:82px}.demo-header nav{gap:20px}.hero{min-height:calc(100svh - 82px)}.medical-photo,.people-photo,.salon-photo,.property-photo{min-height:430px}.medical-copy h1{font-size:53px}.people-copy h1{font-size:57px}.people-sticker{width:110px;height:110px;font-size:17px}.electric-copy h1{font-size:65px}.salon-type h1{font-size:75px}.restaurant-top h1{font-size:62px}.bar-side{left:5%;bottom:12%}.bar-photo{width:42%;left:29%;height:68%}.bar-side p{font-size:20px}.property-copy h1{font-size:85px}.detail{gap:5%;padding:75px 5%}.demo-header .all-demos{font-size:9px}}
@media(max-width:650px){html{scroll-padding-top:12px}.demo-header{height:80px;padding:0 22px;gap:12px}.wordmark{font-size:22px}.wordmark small{font-size:6px}.demo-header nav{margin-left:auto}.demo-header nav>a{display:none}.demo-header nav button{font-size:11px}.all-demos{font-size:0!important;border:0;padding:8px 0}.all-demos>span{font-size:18px}.hero{min-height:0}.eyebrow{font-size:8px}.cta{font-size:11px;gap:20px;padding:13px 18px}.detail{display:block;padding:60px 24px}.detail-heading>p:not(.eyebrow){font-size:13px}.detail-heading>.eyebrow{margin-bottom:20px}.editorial-rows{margin-top:40px}.editorial-rows article{padding:22px 0;gap:10px;grid-template-columns:25px 1fr 18px}.editorial-rows h3{font-size:24px}.editorial-rows article>p{font-size:12px}.demo-footer{padding:25px 24px;gap:20px;font-size:9px}.demo-footer>p{width:100%}.inquiry-dialog{padding:65px 25px 30px}.inquiry-dialog h2{font-size:40px}.inquiry-dialog .cta{font-size:11px}.demo-arztpraxis .hero{display:flex;flex-direction:column;padding:20px 24px 30px;gap:30px}.medical-copy{padding:15px 0 0;align-self:stretch}.medical-copy h1{font-size:52px;margin:23px 0}.medical-copy>p:not(.eyebrow){font-size:13px}.medical-copy .cta{margin-top:24px}.medical-note{margin-top:26px;font-size:10px}.medical-photo{min-height:330px;width:100%;border-radius:44% 44% 4px 4px}.photo-label{left:15px;bottom:15px;font-size:10px;padding:10px}.demo-elektrobetrieb .wordmark{font-size:20px}.demo-elektrobetrieb .hero{display:block;padding:25px 24px 40px}.electric-copy h1{font-size:60px;margin:25px 0 20px}.electric-copy>p:not(.eyebrow){font-size:12px}.electric-art{width:80%;margin:10px 0 0 auto}.power-diagram{margin-top:-5px}.technical-label{font-size:6px;padding:0;gap:5px}.electric-scroll{display:none}.demo-personaldienstleister .hero{display:block;padding:25px 24px 40px}.people-copy h1{font-size:49px;margin:24px 0}.people-copy>p:not(.eyebrow){font-size:13px}.audience-switch{gap:8px;margin-top:24px}.audience-switch button{font-size:10px;padding:13px 10px}.people-photo{height:310px;min-height:0;margin:35px 15px 0 30px;border-radius:160px 160px 4px 4px}.people-sticker{width:100px;height:100px;font-size:16px;left:-28px;bottom:10px}.demo-fahrzeugaufbereitung .hero{min-height:680px;height:calc(100svh - 80px)}.demo-fahrzeugaufbereitung .hero>.hero-image{object-position:63% center}.auto-copy{inset:auto 24px 35px}.auto-copy h1{font-size:55px;line-height:1.01;margin:20px 0 25px}.auto-baseline{display:block}.auto-baseline p{font-size:12px}.auto-baseline .cta{margin-top:24px}.auto-index{right:24px;top:22px;font-size:7px}.demo-friseursalon .hero{display:block;padding:25px 24px 35px}.salon-type h1{font-size:75px;margin:22px 0}.salon-photo{height:330px;min-height:0;margin:30px 0 10px 30px}.salon-photo>img{object-position:center 43%}.salon-star{font-size:110px;top:auto;bottom:305px;right:8px}.salon-caption{font-size:7px}.demo-restaurant .wordmark{font-size:21px}.demo-restaurant .hero{padding:20px 24px 30px}.restaurant-top{display:block;margin-bottom:27px}.restaurant-top>.eyebrow{margin-bottom:24px}.restaurant-top h1{font-size:52px}.restaurant-top>div{margin-top:22px;padding:0;font-size:12px}.restaurant-top>div>p br{display:none}.restaurant-top>div>p{max-width:37ch}.restaurant-photo{height:320px;min-height:0;border-radius:90px 90px 0 0}.restaurant-seal{height:85px;width:85px;font-size:11px;right:10px;top:20px}.demo-bar .wordmark{font-size:23px}.demo-bar .hero{height:780px;min-height:0;padding:30px 20px}.bar-heading h1{font-size:44px;margin-top:20px}.bar-photo{top:200px;bottom:auto;height:410px;width:70%;left:25%;border-radius:50% 50% 0 0}.bar-side{bottom:40px;left:24px}.bar-side>span{font-size:7px}.bar-side p{font-size:21px;margin:12px 0}.bar-side .cta{padding:12px 16px;font-size:10px}.bar-floor{font-size:6px;bottom:25px}.bar-orbit{top:29%;height:40%;left:-12%;right:-12%}.demo-immobilienmakler .wordmark{font-size:22px}.demo-immobilienmakler .hero{display:block;padding:22px 24px 30px}.property-copy h1{font-size:88px;line-height:.85;margin:23px 0}.property-copy>p:not(.eyebrow){font-size:12px}.property-copy .cta{margin-top:15px}.property-photo{min-height:0;height:330px;margin-top:30px}.property-caption{font-size:6px;gap:8px;padding-top:12px}.demo-pizzeria .wordmark{font-size:25px}.pizza-stage{height:100svh;min-height:720px}.pizza-first{top:8%;left:24px;max-width:90%}.pizza-first h1{font-size:79px;margin:22px 0}.pizza-first>p:not(.eyebrow){font-size:12px}.pizza-product{width:105%;right:-27%;top:41%;z-index:1}.pizza-second{top:20%;left:24px;max-width:92%}.pizza-second>span{font-size:9px}.pizza-second>strong{font-size:54px}.pizza-skip{top:23px;right:24px;font-size:8px}.pizza-progress{left:24px;bottom:28px;gap:8px;font-size:7px}.pizza-progress i{width:18px}.pizza-scroll{right:24px;bottom:60px;font-size:7px}.demo-pizzeria .detail h2{font-size:35px}}
@media(max-width:360px){.demo-header{padding-inline:16px}.people-copy h1{font-size:43px}.medical-copy h1{font-size:46px}.electric-copy h1{font-size:52px}.auto-copy h1{font-size:47px}.salon-type h1{font-size:65px}.restaurant-top h1{font-size:45px}.bar-heading h1{font-size:39px}.pizza-first h1{font-size:68px}.pizza-second>strong{font-size:46px}.audience-switch button{font-size:9px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pizza-product{will-change:auto}.pizza-stage{height:auto;min-height:900px}}

/* Keep the oven-time headline on the dark side of the composition. */
.pizza-second{max-width:42%;top:22%}.pizza-second>strong{font-size:clamp(43px,5.1vw,82px)}
@media(max-width:650px){.pizza-second{max-width:85%;top:18%}.pizza-second>strong{font-size:48px}}