@font-face{font-family:Cormorant;src:url(fonts/cormorant.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url(fonts/cormorant-italic.woff2) format('woff2');font-weight:500;font-style:italic;font-display:swap}
.direction-link{display:inline-flex;align-items:center;gap:40px;padding:14px 0 10px;border-bottom:1px solid currentColor;font:12px/1.4 Body;color:inherit}.direction-link>span{font-size:20px}.direction-link:hover>span{transform:translate(3px,-3px)}.section-no{display:block;font:9px/1.5 Mono;letter-spacing:.09em}.detail-photo{height:100%;object-fit:cover}.demo-header .wordmark{letter-spacing:-.035em}.demo-header nav{margin-left:auto}.demo-header .all-demos{border:0;border-radius:0;padding:8px 0;margin-left:40px}.direction-photo{object-fit:cover}.detail h2{letter-spacing:-.035em}.demo-header .wordmark small{opacity:.6}
/* 01 — LINDEN. An editorial practice page, set like a quiet magazine opening. */
.demo-arztpraxis{--paper:#faf8f2;--ink:#363a32;--accent:#65705c}.demo-arztpraxis .wordmark{font:500 41px Cormorant;letter-spacing:-.06em}.demo-arztpraxis .demo-header{height:110px;padding-inline:5%;border-bottom:1px solid #363a3230}.demo-arztpraxis .hero{display:block;position:relative;height:790px;min-height:0;padding:0 5%;overflow:hidden}.practice-index{display:flex;justify-content:space-between;font:8px Mono;letter-spacing:.06em;padding-top:25px}.practice-title{position:relative;z-index:3;padding-top:55px;pointer-events:none}.practice-title h1{font:500 clamp(65px,7.8vw,126px)/.86 Cormorant;letter-spacing:-.055em}.practice-title h1 em{font-family:Cormorant;font-style:italic;color:var(--ink)}.practice-portrait{position:absolute;left:43%;right:5%;top:65px;height:625px;overflow:hidden}.practice-portrait img{height:100%;object-position:70% center}.practice-caption{position:absolute;left:5%;top:430px;width:29%;z-index:4}.practice-caption>span{font:8px Mono;letter-spacing:.06em}.practice-caption p{font:300 22px/1.4 Tight;margin:27px 0 20px}.practice-caption .direction-link{font-size:11px}.demo-arztpraxis .detail{display:block;background:#e8e9e0;border:0;padding:85px 8% 60px}.practice-letter{display:grid;grid-template-columns:60px 1.6fr 1fr;gap:4%;align-items:start}.practice-letter h2{font:500 clamp(43px,4.8vw,75px)/1 Cormorant;letter-spacing:-.04em}.practice-letter h2 em{font-style:italic;font-family:Cormorant;color:inherit}.practice-letter>p{font-size:13px;padding-top:10px;max-width:36ch}.practice-bottom{display:grid;grid-template-columns:1fr 1.3fr 1fr 1fr;gap:20px;border-top:1px solid #363a3244;margin-top:70px;padding-top:30px;align-items:start}.practice-bottom b{font-size:12px;font-weight:500;display:block;margin-bottom:10px}.practice-bottom span{font-size:11px;line-height:1.5;display:block;opacity:.75}.practice-bottom .direction-link{font-size:11px;padding-top:0;gap:12px}
/* 02 — STROMWERK. One technical illustration; the second section becomes a spec sheet. */
.demo-elektrobetrieb .hero{min-height:650px;max-height:850px}.demo-elektrobetrieb .demo-header{background:#f2ecd9;--paper:#f2ecd9;height:78px}.demo-elektrobetrieb .all-demos{font-family:Mono}.demo-elektrobetrieb .detail{display:block;padding:70px 5%;background:#f2ecd9}.electro-banner{display:grid;grid-template-columns:1fr 1.9fr;gap:30px}.electro-banner>span{font:9px/1.6 Mono;max-width:22ch}.electro-banner h2{font:400 clamp(40px,5vw,75px)/.98 Archivo;letter-spacing:-.05em}.electro-banner h2 em{color:#ef412b}.electro-banner>.direction-link{grid-column:2;width:fit-content}.electro-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px;border-top:2px solid #211e1b}.electro-spec p{display:flex;flex-direction:column;gap:15px;padding-top:25px}.electro-spec span{font:9px/1.6 Mono}.electro-spec strong{font:400 22px Archivo;letter-spacing:-.05em}
/* 03 — GUTE LEUTE. A typographic recruiting poster with two large entrances. */
.demo-personaldienstleister{--paper:#f3f0e6;--ink:#151813;--accent:#266339;--display:Archivo}.demo-personaldienstleister .demo-header{height:82px;border-bottom:1px solid #151813}.demo-personaldienstleister .wordmark{font:400 23px Archivo;letter-spacing:-.06em}.demo-personaldienstleister .hero{display:block;padding:30px 4.5% 0;min-height:0;overflow:hidden}.people-kicker{font:8px Mono;letter-spacing:.08em;margin-bottom:27px}.people-poster{font:400 clamp(60px,7.8vw,120px)/.91 Archivo;letter-spacing:-.067em;position:relative;z-index:2;margin:0}.people-poster em{color:#266339}.people-poster em>span{display:inline}.people-strip{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;height:270px;margin-top:38px;background:#266339;color:#f3f0e6;overflow:hidden}.people-strip img{height:100%;object-position:center 39%}.people-strip>p{align-self:center;font:500 clamp(35px,4.5vw,70px)/.95 Cormorant;letter-spacing:-.03em}.people-strip>p i{font-family:Cormorant;font-style:italic}.people-doors{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #151813}.people-doors button{padding:28px 24px;text-align:left;display:grid;grid-template-columns:1fr 35px;gap:15px;border-right:1px solid #151813;background:#f3f0e6}.people-doors button:last-child{border-right:0}.people-doors button>span{grid-column:1;font:8px Mono}.people-doors button>strong{font:400 27px/.98 Archivo;letter-spacing:-.05em}.people-doors button>b{grid-column:2;grid-row:1/3;align-self:center;font-size:26px;font-weight:400}.people-doors button[aria-pressed=true]{background:#dfedb5}.demo-personaldienstleister .detail{display:grid;grid-template-columns:1.5fr 1fr;background:#dfedb5;--ink:#151813;--paper:#dfedb5;padding:80px 7%}.people-conversation h2{font:400 clamp(45px,5vw,78px)/.99 Archivo;margin:27px 0;letter-spacing:-.065em}.people-conversation h2 em{color:#266339}.people-conversation>p{font-size:14px;max-width:43ch;margin-bottom:22px}.people-topics{align-self:center}.people-topics>span{display:block;font:10px Mono;border-top:1px solid #151813;padding:22px 0}.people-topics>p{border-top:1px solid #151813;padding-top:30px;font:500 29px/1.1 Cormorant}
/* 04 — FINISH. Image-led, quiet automotive luxury; an expandable process below. */
.demo-fahrzeugaufbereitung{--paper:#10120f;--ink:#f0eee6;--accent:#f0eee6;--display:Tight}.demo-fahrzeugaufbereitung .demo-header{position:absolute;top:0;left:0;width:100%;background:transparent;color:#f0eee6;z-index:10;border-bottom:1px solid #fff4}.demo-fahrzeugaufbereitung .wordmark{font:500 22px Tight;letter-spacing:.15em}.demo-fahrzeugaufbereitung .hero{height:100svh;min-height:700px}.demo-fahrzeugaufbereitung .hero>.direction-photo{position:absolute;inset:0;height:100%;object-position:center}.demo-fahrzeugaufbereitung .hero:after{background:linear-gradient(0deg,#10120fcc,transparent 65%)}.auto-editorial{position:absolute;z-index:3;left:5%;bottom:90px}.auto-editorial>span{font:8px Mono;letter-spacing:.16em}.auto-editorial h1{font:300 clamp(63px,7vw,110px)/.96 Tight;letter-spacing:-.045em;margin:28px 0 26px}.auto-editorial h1 em{color:inherit}.auto-editorial .direction-link{font-size:11px;min-width:205px}.auto-footline{position:absolute;bottom:30px;left:5%;right:5%;z-index:3;display:flex;justify-content:space-between;font:8px Mono;letter-spacing:.1em}.demo-fahrzeugaufbereitung .detail{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;border:0;background:#e7e6de;color:#242721}.auto-detail-image{position:relative;min-height:660px;overflow:hidden}.auto-detail-image img{position:absolute;height:100%;object-fit:cover;object-position:25% center}.auto-detail-image>span{position:absolute;bottom:24px;left:24px;font:9px Mono;color:#fff}.auto-process{padding:65px 10%}.auto-process h2{font:300 clamp(43px,4vw,64px)/1 Tight;margin:28px 0 40px;letter-spacing:-.04em}.auto-process details{border-top:1px solid #24272166;padding:20px 0}.auto-process summary{cursor:pointer;font:12px Mono;list-style:none;display:flex;justify-content:space-between;gap:20px}.auto-process summary:after{content:'+'}.auto-process details[open] summary:after{content:'−'}.auto-process details p{font-size:13px;line-height:1.7;padding-top:18px;max-width:36ch}.auto-process .direction-link{font-size:11px;margin-top:25px}
/* 05 — FORME. A photographic fashion cover; no stickers, arches or cards. */
.demo-friseursalon{--paper:#f0eee8;--ink:#202020;--accent:#202020;--display:Archivo}.demo-friseursalon .demo-header{position:absolute;inset:0 0 auto;background:transparent;color:#fff;border-bottom:1px solid #fff5;z-index:6;height:85px}.demo-friseursalon .wordmark{font:400 22px Archivo;letter-spacing:-.06em}.demo-friseursalon .hero{display:block;padding:0;min-height:780px;height:100svh;isolation:isolate}.demo-friseursalon .hero>.direction-photo{position:absolute;inset:0;height:100%;object-position:center 40%;filter:grayscale(1)}.demo-friseursalon .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 65%),linear-gradient(0deg,#0004,transparent 40%);z-index:1}.salon-intro{position:absolute;left:5%;top:150px;color:#fff;z-index:3}.salon-intro>span{font:9px Mono}.salon-intro>p{font:300 35px/1.1 Tight;margin:27px 0}.salon-intro .direction-link{font-size:11px}.salon-word{position:absolute;bottom:25px;left:4%;right:4%;font:400 22vw/.76 Archivo!important;letter-spacing:-.095em!important;z-index:3;color:#f0eee8;pointer-events:none}.salon-word>span{display:block;font:9px Mono;letter-spacing:.18em;margin:25px 0 0 1%;text-align:right}.demo-friseursalon .detail{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;background:#f0eee8;color:#202020;--ink:#202020;--paper:#f0eee8;border:0}.salon-service{padding:65px 10% 70px;position:relative;min-height:480px}.salon-service.colour{background:#cf513a}.salon-service>span{font:9px Mono}.salon-service h2{font:400 clamp(38px,4.7vw,72px)/.98 Archivo;letter-spacing:-.06em;margin:40px 0 25px}.salon-service>p{font-size:13px;max-width:38ch;line-height:1.7}.salon-service .direction-link{margin-top:30px;font-size:11px}.salon-bottom-label{display:block;margin-top:42px;font-size:8px!important}
/* 06 — LIDO TAVOLA. A full-bleed dining invitation and a real menu composition. */
.demo-restaurant{--paper:#f1e8d5;--ink:#533020;--accent:#533020;--display:Cormorant}.demo-restaurant .demo-header{position:absolute;top:0;width:100%;background:transparent;color:#fff8e5;border-bottom:1px solid #fff5;height:105px;z-index:10}.demo-restaurant .wordmark{font:500 31px Cormorant;letter-spacing:-.03em}.demo-restaurant .hero{height:100svh;min-height:760px;padding:0;isolation:isolate}.demo-restaurant .hero>.direction-photo{position:absolute;inset:0;height:100%;object-position:center 60%}.demo-restaurant .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2e190bac,#2e190b16),linear-gradient(0deg,#2e190b7a,transparent);z-index:1}.dining-title{position:absolute;left:5%;top:24%;color:#fff8e5;z-index:3}.dining-title>span{font:8px Mono;letter-spacing:.14em}.dining-title h1{font:500 clamp(80px,11vw,175px)/.75 Cormorant;letter-spacing:-.045em;margin-top:40px}.dining-title h1 em{font-family:Cormorant;font-style:italic;color:inherit}.dining-baseline{position:absolute;bottom:45px;left:5%;right:5%;z-index:3;color:#fff8e5;display:flex;justify-content:space-between;align-items:end;gap:30px}.dining-baseline>p{font:300 18px/1.5 Tight}.dining-baseline .direction-link{font-size:11px}.demo-restaurant .detail{grid-template-columns:.9fr 1.1fr;gap:8%;padding:90px 7%;background:#f1e8d5}.dining-menu-title>span{font:8px Mono}.dining-menu-title h2{font:500 clamp(55px,5.5vw,87px)/.95 Cormorant;letter-spacing:-.035em;margin:35px 0}.dining-menu-title h2 em{font-family:Cormorant;font-style:italic}.dining-menu-title .direction-link{font-size:11px}.dining-menu>p{position:relative;border-top:1px solid #53302055;padding:24px 0 24px 35px}.dining-menu b{position:absolute;left:0;top:30px;font:8px Mono}.dining-menu strong{display:block;font:500 33px/1 Cormorant;letter-spacing:-.02em}.dining-menu span{display:block;font-size:11px;margin-top:12px}.dining-menu small{font:7px/1.7 Mono;display:block;border-top:1px solid #53302055;padding-top:20px}
/* 07 — VESPER. An oversized masthead around one cocktail; paper, ink and amber. */
.demo-bar{--paper:#eae3d3;--ink:#36281b;--accent:#36281b;--display:Cormorant}.demo-bar .demo-header{height:75px;background:#eae3d3;color:#36281b;border-bottom:1px solid #36281b55}.demo-bar .wordmark{font:500 21px Cormorant;letter-spacing:.06em}.demo-bar .hero{height:790px;min-height:0;background:#eae3d3;padding:20px 5%;isolation:isolate}.vesper-top{display:flex;justify-content:space-between;font:7px Mono;letter-spacing:.12em}.vesper-word{position:relative;font:500 23vw/.72 Cormorant;letter-spacing:-.075em;text-align:center;margin-top:48px;z-index:1}.vesper-photo{position:absolute;left:37%;top:190px;width:29%;height:530px;z-index:3;background:#171e18}.vesper-photo img{height:100%;object-fit:cover;object-position:center 63%}.vesper-side{position:absolute;left:7%;top:440px;z-index:4}.vesper-side>p{font:500 48px/.9 Cormorant;margin-bottom:30px}.vesper-side em{font-family:Cormorant;font-style:italic;color:inherit}.vesper-side .direction-link{font-size:10px;gap:25px}.vesper-volume{position:absolute;right:7%;bottom:110px;font:8px Mono;writing-mode:vertical-rl;letter-spacing:.12em}.demo-bar .detail{display:block;padding:70px 7%;background:#392a1c;color:#eae3d3}.vesper-card{max-width:800px;margin:auto;text-align:center;border:1px solid #eae3d344;padding:45px 8% 40px}.vesper-card>span{font:8px Mono;letter-spacing:.13em}.vesper-card h2{font:500 clamp(55px,6vw,84px)/.89 Cormorant;margin:35px 0 50px;letter-spacing:-.04em}.vesper-card h2 em{font-family:Cormorant;font-style:italic;color:inherit}.vesper-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:30px 0;border-block:1px solid #eae3d344}.vesper-card p strong{display:block;font:10px Mono;letter-spacing:.06em}.vesper-card p span{display:block;font:300 14px/1.4 Tight;margin-top:12px}.vesper-card .direction-link{margin-top:30px;font-size:10px}.demo-bar .demo-footer{background:#392a1c;color:#eae3d3}
/* 08 — KONTUR. Architecture as a wide plate, headline as the masthead. */
.demo-immobilienmakler{--paper:#e9e8e0;--ink:#1b2921;--accent:#1b2921;--display:Tight}.demo-immobilienmakler .demo-header{height:84px;padding-inline:4%;border-bottom:1px solid #1b2921}.demo-immobilienmakler .wordmark{font:500 24px Tight;letter-spacing:.08em}.demo-immobilienmakler .hero{position:relative;display:block;padding:35px 4% 40px;min-height:0;height:860px}.property-masthead{position:relative;z-index:3}.property-masthead>span{font:8px Mono;letter-spacing:.09em;display:block}.property-masthead h1{font:300 clamp(86px,12.6vw,192px)/.78 Tight;letter-spacing:-.045em;margin:30px 0 0}.property-masthead h1 em{color:inherit}.property-wide{position:absolute;left:27%;right:4%;top:125px;height:580px;z-index:1}.property-wide img{height:100%;object-fit:cover}.property-wide>span{display:block;font:8px Mono;letter-spacing:.07em;padding-top:18px}.property-margin{position:absolute;left:4%;top:490px;width:20%;z-index:4}.property-margin>p{font:300 27px/1.15 Tight;margin-bottom:27px}.property-margin .direction-link{font-size:10px;gap:17px}.demo-immobilienmakler .detail{display:block;background:#1b2921;color:#e9e8e0;padding:85px 7%}.property-note{font:8px Mono;letter-spacing:.13em}.property-statement{font:300 clamp(53px,7vw,103px)/.98 Tight!important;letter-spacing:-.05em;margin:40px 0 60px}.property-statement em{color:#a6b48e}.property-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;border-top:1px solid #e9e8e044;padding-top:27px}.property-columns article>span{font:8px Mono}.property-columns p{font-size:12px;line-height:1.8;margin-top:20px;max-width:33ch}.demo-immobilienmakler .detail>.direction-link{margin-top:45px;font-size:11px}.demo-immobilienmakler .demo-footer{background:#1b2921;color:#e9e8e0}
/* 09 — BRACE. A menu poster, distinct from the cinematic hero. */
.demo-pizzeria .detail{display:block;padding:70px 5%;background:#f4ead7;color:#c73b23;--ink:#c73b23;--paper:#f4ead7}.pizza-menu>span{font:9px Mono}.pizza-menu h2{font:400 clamp(65px,11vw,170px)/.87 Dela!important;letter-spacing:-.08em!important;margin:35px 0 55px}.pizza-menu h2 em{color:#251f18}.pizza-menu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;border-top:2px solid #c73b23;padding-top:24px}.pizza-menu-items article>b{font:9px Mono}.pizza-menu-items h3{font:400 clamp(17px,2.1vw,31px)/1 Dela;letter-spacing:-.06em;margin:23px 0 16px}.pizza-menu-items p{font-size:12px;line-height:1.7}.pizza-menu>.direction-link{margin-top:45px;font-size:11px}
@media(max-width:850px){.practice-title h1{font-size:83px}.practice-portrait{left:42%;height:560px;top:105px}.practice-caption{top:370px;width:32%}.practice-caption p{font-size:20px}.practice-letter{grid-template-columns:30px 1fr}.practice-letter>p{grid-column:2;max-width:48ch}.practice-bottom{grid-template-columns:1fr 1fr}.people-poster{font-size:8.3vw}.people-doors button>strong{font-size:22px}.people-strip{height:230px}.auto-detail-image{min-height:590px}.auto-process{padding:50px 8%}.demo-bar .hero{height:740px}.vesper-word{margin-top:70px;font-size:24vw}.vesper-photo{width:36%;left:37%;height:450px}.vesper-side{left:5%;top:440px}.vesper-side>p{font-size:38px}.demo-immobilienmakler .hero{height:780px}.property-masthead h1{font-size:135px}.property-wide{top:150px;height:480px;left:25%}.property-margin{top:450px}.property-margin>p{font-size:23px}.property-margin .direction-link{gap:9px;font-size:9px}}
@media(max-width:650px){.demo-header .all-demos{margin-left:5px}.direction-link{font-size:11px;gap:25px}.demo-arztpraxis .demo-header{height:88px;padding-inline:24px}.demo-arztpraxis .wordmark{font-size:35px}.demo-arztpraxis .hero{height:auto;min-height:960px;padding:0 24px 35px;display:block}.practice-index{font-size:6px;gap:20px;line-height:1.6;padding-top:22px}.practice-index>span:last-child{text-align:right}.practice-title{padding-top:30px}.practice-title h1{font-size:64px;line-height:.88}.practice-portrait{left:24px;right:24px;top:240px;height:400px}.practice-caption{top:680px;left:24px;width:85%}.practice-caption>span{font-size:7px}.practice-caption p{font-size:21px;margin:20px 0 14px}.practice-caption p br{display:none}.practice-caption .direction-link{font-size:11px}.demo-arztpraxis .detail{padding:55px 24px}.practice-letter{display:block}.practice-letter h2{font-size:44px;margin:24px 0}.practice-letter>p{font-size:12px;max-width:none}.practice-bottom{grid-template-columns:1fr;gap:22px;margin-top:40px;padding-top:25px}.practice-bottom p{display:flex;justify-content:space-between;gap:20px}.practice-bottom b{font-size:11px;max-width:40%;margin:0}.practice-bottom p span{font-size:10px;max-width:50%;text-align:right}.practice-bottom>.direction-link{width:fit-content;margin-top:5px}.demo-elektrobetrieb .hero{max-height:none;min-height:0}.demo-elektrobetrieb .detail{padding:55px 24px}.electro-banner{display:block}.electro-banner>span{display:block;font-size:8px;max-width:35ch}.electro-banner h2{font-size:44px;margin:25px 0}.electro-banner>.direction-link{font-size:10px}.electro-spec{grid-template-columns:1fr;gap:0;margin-top:40px}.electro-spec p{border-bottom:1px solid #211e1b;padding:20px 0;gap:10px}.electro-spec strong{font-size:23px}.demo-personaldienstleister .hero{padding:24px 24px 0}.people-kicker{font-size:7px;line-height:1.5;max-width:35ch}.people-poster{font-size:10.3vw;line-height:1.02;letter-spacing:-.075em}.people-poster em>span{display:block}.people-strip{grid-template-columns:1fr;height:330px;position:relative;margin-top:25px}.people-strip img{height:330px;object-position:57% center;filter:brightness(.73)}.people-strip>p{position:absolute;left:20px;bottom:22px;font-size:40px;line-height:.9}.people-doors{grid-template-columns:1fr}.people-doors button{padding:22px 0;gap:12px;border-right:0;border-top:1px solid #151813}.people-doors button[aria-pressed=true]{padding-inline:15px}.people-doors button>strong{font-size:23px}.people-doors button>span{font-size:7px}.demo-personaldienstleister .detail{display:block;padding:55px 24px}.people-conversation h2{font-size:46px;margin:25px 0}.people-conversation>p{font-size:13px}.people-topics{margin-top:40px}.people-topics>span{font-size:9px;padding:18px 0}.people-topics>p{font-size:29px}.demo-fahrzeugaufbereitung .demo-header{height:82px}.demo-fahrzeugaufbereitung .hero{min-height:690px;height:100svh}.demo-fahrzeugaufbereitung .hero>.direction-photo{object-position:61% center}.auto-editorial{left:24px;bottom:90px}.auto-editorial h1{font-size:63px;margin:27px 0}.auto-editorial>span{font-size:7px}.auto-footline{left:24px;right:24px;font-size:6px}.demo-fahrzeugaufbereitung .detail{display:block}.auto-detail-image{min-height:0;height:300px}.auto-process{padding:45px 24px}.auto-process h2{font-size:45px;margin:25px 0 35px}.auto-process summary{font-size:11px}.auto-process details p{font-size:12px}.demo-friseursalon .hero{min-height:740px;height:100svh;padding:0}.demo-friseursalon .hero>.direction-photo{object-position:64% center}.salon-intro{left:24px;top:140px}.salon-intro>span{font-size:7px;max-width:20ch;display:block}.salon-intro>p{font-size:32px;margin:22px 0}.salon-intro .direction-link{font-size:10px}.salon-word{bottom:35px;font-size:22vw!important;left:4%;right:4%}.salon-word>span{font-size:7px;margin-top:18px}.demo-friseursalon .detail{display:block;padding:0}.salon-service{min-height:0;padding:45px 24px}.salon-service h2{font-size:47px;margin:28px 0 22px}.salon-service>p{font-size:12px}.salon-service .direction-link{font-size:10px}.demo-restaurant .demo-header{height:85px}.demo-restaurant .wordmark{font-size:24px}.demo-restaurant .hero{min-height:720px;height:100svh;padding:0}.demo-restaurant .hero>.direction-photo{object-position:62% center}.dining-title{top:26%;left:24px}.dining-title>span{font-size:7px}.dining-title h1{font-size:84px;line-height:.76;margin-top:30px}.dining-baseline{left:24px;right:24px;bottom:40px;display:block}.dining-baseline>p{font-size:17px}.dining-baseline .direction-link{margin-top:17px;font-size:10px}.demo-restaurant .detail{display:block;padding:55px 24px}.dining-menu-title h2{font-size:57px;margin:27px 0}.dining-menu{margin-top:40px}.dining-menu strong{font-size:31px}.dining-menu span{font-size:11px}.dining-menu small{font-size:6px}.demo-bar .demo-header{height:75px}.demo-bar .wordmark{font-size:22px}.demo-bar .hero{height:780px;padding:20px 24px}.vesper-top{font-size:5px;gap:12px;line-height:1.5}.vesper-word{font-size:24vw;line-height:.76;margin-top:37px;letter-spacing:-.08em}.vesper-photo{top:170px;left:30%;width:62%;height:405px}.vesper-side{left:24px;top:600px}.vesper-side>p{font-size:39px;margin-bottom:15px}.vesper-side .direction-link{font-size:10px;padding-bottom:8px}.vesper-volume{right:24px;bottom:45px;font-size:6px}.demo-bar .detail{padding:40px 24px}.vesper-card{padding:35px 20px}.vesper-card>span{font-size:7px}.vesper-card h2{font-size:49px;margin:30px 0}.vesper-card>div{grid-template-columns:1fr;gap:24px;padding:25px 0}.vesper-card p strong{font-size:9px}.vesper-card p span{font-size:15px;margin-top:8px}.demo-immobilienmakler .demo-header{height:80px;padding-inline:24px}.demo-immobilienmakler .hero{height:890px;padding:25px 24px}.property-masthead>span{font-size:7px}.property-masthead h1{font-size:103px;line-height:.8;margin-top:28px}.property-wide{top:270px;left:24px;right:24px;height:360px}.property-wide>span{font-size:6px;padding-top:14px}.property-margin{top:690px;left:24px;width:85%}.property-margin>p{font-size:27px;margin-bottom:15px}.property-margin>p br{display:none}.property-margin .direction-link{font-size:11px;gap:25px}.demo-immobilienmakler .detail{padding:55px 24px}.property-note{font-size:7px}.property-statement{font-size:50px!important;margin:30px 0 40px}.property-columns{grid-template-columns:1fr;gap:25px}.property-columns article>span{font-size:7px}.property-columns p{font-size:12px;max-width:none;margin-top:12px}.demo-immobilienmakler .detail>.direction-link{font-size:10px;margin-top:30px}.demo-pizzeria .detail{padding:55px 24px}.pizza-menu>span{font-size:7px}.pizza-menu h2{font-size:74px!important;margin:28px 0 40px}.pizza-menu-items{grid-template-columns:1fr;gap:0}.pizza-menu-items article{border-bottom:1px solid #c73b23;padding:23px 0}.pizza-menu-items h3{font-size:25px;margin:15px 0}.pizza-menu-items p{font-size:12px}.pizza-menu>.direction-link{font-size:11px;margin-top:30px}}
@media(max-width:360px){.practice-title h1{font-size:56px}.electro-banner h2{font-size:38px}.people-conversation h2{font-size:39px}.auto-editorial h1{font-size:56px}.dining-title h1{font-size:72px}.dining-menu-title h2{font-size:50px}.vesper-card h2{font-size:43px}.property-masthead h1{font-size:91px}.property-statement{font-size:44px!important}.pizza-menu h2{font-size:64px!important}}