/* Three fictional businesses. Two fully authored websites for each. */
.dv-component{--dv-split:28%;--dv-scale:1;color:inherit;width:100%;min-width:0}.dv-component *{box-sizing:border-box}.dv-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid #ffffff38;margin-bottom:26px}.dv-tabs button{font:inherit;text-align:left;border:0;border-bottom:3px solid transparent;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;background:none;color:inherit;padding:18px 24px 20px;cursor:pointer;opacity:.55;transition:opacity .2s,border-color .2s}.dv-tabs button:first-child{padding-left:0}.dv-tabs button:last-child{padding-right:0}.dv-tabs button[aria-selected=true]{opacity:1;border-bottom-color:#f4c000}.dv-tabs button:hover{opacity:1}.dv-tabs button>span{font:600 clamp(22px,2.4vw,37px)/1.05 Figtree,sans-serif;letter-spacing:-.045em}.dv-tabs small{grid-column:1;font-size:14px;line-height:1.4;opacity:.7}.dv-tabs i{grid-column:2;grid-row:1/3;font-style:normal;font-size:26px;opacity:0;transform:translate(-8px,8px);transition:transform .25s,opacity .25s}.dv-tabs button[aria-selected=true] i{opacity:1;transform:none}.dv-browser{border:1px solid #ffffff45;overflow:hidden;box-shadow:0 28px 60px #0003;background:#eceee7}.dv-browser-bar{height:42px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 18px;color:#686e68;background:#eeeee8;font:10px/1 'IBM Plex Mono',monospace;letter-spacing:.035em}.dv-browser-dots{display:flex;gap:6px}.dv-browser-dots i{height:7px;width:7px;border-radius:50%;background:#abb1a4}.dv-browser-bar>[data-dv-domain]{position:absolute;left:50%;transform:translateX(-50%)}.dv-browser-note{font-size:8px}.dv-browser-note i{font-style:normal;font-size:14px;vertical-align:-1px;margin-left:8px}.dv-viewport{position:relative;width:100%;aspect-ratio:1200/760;overflow:hidden;background:#f4f1e7;isolation:isolate}.dv-canvas{position:absolute;top:0;left:0;width:1200px;height:760px;transform:scale(var(--dv-scale));transform-origin:top left;overflow:hidden;user-select:none;pointer-events:none}.dv-before-clip{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--dv-split)) 0 0);overflow:hidden;z-index:2}.dv-before{background:white}.dv-range{appearance:none;-webkit-appearance:none;position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5;touch-action:pan-y}.dv-range::-webkit-slider-thumb{appearance:none;width:1px;height:100%;background:none}.dv-range::-moz-range-thumb{width:1px;height:100%;border:0;background:none}.dv-handle{position:absolute;top:0;bottom:0;left:var(--dv-split);width:2px;transform:translateX(-1px);background:#f5c400;box-shadow:0 0 0 1px #0002;pointer-events:none;z-index:4;transition:opacity .15s}.dv-handle>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:8px;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#f5c400;color:#191b23;box-shadow:0 4px 20px #0003;font-size:29px;font-family:Arial,sans-serif}.dv-handle i{height:17px;width:1px;background:#17192166}.dv-comparison-tags{position:absolute;inset:12px 14px auto;display:flex;justify-content:space-between;pointer-events:none;z-index:3}.dv-comparison-tags>span{background:#171921dd;color:#fff;font:9px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;padding:7px 9px}.dv-comparison-tags>span:last-child{background:#f5c400;color:#171921}.dv-all-new .dv-handle,.dv-all-old .dv-handle{opacity:0}.dv-all-new .dv-comparison-tags>span:first-child,.dv-all-old .dv-comparison-tags>span:last-child{opacity:0}.dv-viewport:has(.dv-range:focus-visible){outline:3px solid #f5c400;outline-offset:-3px}.dv-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0 4px}.dv-context h3{font:600 clamp(20px,2vw,29px)/1.16 Figtree,sans-serif!important;letter-spacing:-.035em!important;margin:0 0 8px}.dv-context p{font:400 15px/1.45 Figtree,sans-serif;opacity:.65;margin:0}.dv-view-buttons{display:flex;gap:9px;flex-shrink:0}.dv-view-buttons button{border:1px solid #ffffff48;color:inherit;background:none;padding:12px 17px;font:500 13px/1.2 Figtree,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.dv-view-buttons button span{margin-left:14px}.dv-view-buttons button[aria-pressed=true],.dv-view-buttons button:hover{color:#171921;background:#f5c400;border-color:#f5c400}.dv-tabs button:focus-visible,.dv-view-buttons button:focus-visible{outline:2px solid #f5c400;outline-offset:4px}
/* Every visible website is a separate 1200 × 760 composition. */
.dv-site{font:400 16px/1.4 Figtree,Arial,sans-serif;position:relative;width:1200px;height:760px;overflow:hidden;background:#f4f1e7;color:#171d24}.dv-site h3,.dv-site h4,.dv-site p{margin:0}.dv-site h3,.dv-site h4{font-family:Figtree,sans-serif!important;letter-spacing:inherit!important}.dv-site img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}.dv-nav{height:91px;padding:0 39px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:2;border-bottom:1px solid #1a20251f}.dv-logo{display:flex;align-items:center;gap:11px;white-space:nowrap}.dv-logo svg{width:41px;height:38px;flex-shrink:0}.dv-logo>span{font:800 26px/1 Sora,Figtree,sans-serif;letter-spacing:-1.8px}.dv-logo small{display:block;letter-spacing:1.9px;font:500 7px/1.5 Figtree,sans-serif;margin-top:6px}.dv-nav-links{display:flex;align-items:center;gap:26px;font-size:12px;margin-left:auto}.dv-nav-cta{font-size:12px;padding:13px 16px;display:flex;align-items:center;gap:20px;font-weight:600}.dv-nav-cta>span{font-size:17px}.dv-motora{background:#f3f1e8}.dv-motora .dv-logo{color:#2349d8}.dv-logo-motora>span{font-style:italic}.dv-motora .dv-nav-cta{background:#254be2;color:white}.dv-motor-hero{display:grid;grid-template-columns:1fr 1fr;height:477px}.dv-motor-copy{padding:29px 39px 22px;position:relative}.dv-motor-location{font-size:10px;display:flex;align-items:center;gap:7px;letter-spacing:.035em}.dv-motor-location i{width:6px;height:6px;border-radius:50%;background:#254be2}.dv-motor-location>span{margin-left:auto;opacity:.5;font-size:9px}.dv-site .dv-motor-copy h3{font-size:62px;line-height:.97;font-weight:700;letter-spacing:-3.5px!important;margin:31px 0 20px}.dv-motor-copy h3 em{color:#244bdc;font-style:normal;white-space:nowrap}.dv-motor-copy>p{font-size:16px;line-height:1.45;color:#5a6061}.dv-motor-actions{display:flex;gap:23px;align-items:center;margin-top:26px;font-size:11px}.dv-motor-actions>b{background:#254be2;color:white;padding:14px 17px;font-size:12px}.dv-motor-actions>b span{margin-left:20px}.dv-motor-actions>span{border-bottom:1px solid #999e98;padding-bottom:4px}.dv-motor-assurance{position:absolute;bottom:20px;left:39px;display:flex;align-items:center;gap:8px;font-size:10px;color:#626766}.dv-motor-assurance>i{font-style:normal;color:#244bdc;font-size:12px}.dv-motor-image{position:relative;overflow:hidden}.dv-motor-image>img{object-position:center center}.dv-motor-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0615291a,transparent 50%,#06152940);pointer-events:none}.dv-motor-edge{position:absolute;top:21px;right:20px;color:white;font:9px/1 'IBM Plex Mono',monospace;letter-spacing:.04em;z-index:1}.dv-motor-appointment{position:absolute;right:26px;bottom:25px;width:231px;background:#e96837;color:#191d21;padding:22px 22px 17px;z-index:1;box-shadow:0 10px 35px #0002}.dv-motor-appointment>small{font-size:8px;letter-spacing:.065em}.dv-motor-appointment>strong{font-size:30px;line-height:.97;letter-spacing:-1.2px;display:block;margin:12px 0 20px}.dv-motor-appointment>div{display:flex;height:34px;font-size:10px;align-items:center;border-bottom:1px solid #191d2190}.dv-motor-appointment>div>span{flex:1;display:flex;justify-content:space-between}.dv-motor-appointment>div>b{font-weight:400}.dv-motor-appointment>div>i{font-style:normal;font-size:22px;margin-left:23px}.dv-motor-appointment>p{font-size:8px;margin-top:10px;opacity:.7}.dv-motor-services{display:grid;grid-template-columns:repeat(4,1fr);height:192px;border-top:1px solid #171d2428}.dv-motor-services>div{padding:25px 29px;border-right:1px solid #171d2428;display:flex;flex-direction:column}.dv-motor-services>div:first-child{padding-left:39px}.dv-motor-services>div>span{font-size:8px;letter-spacing:.08em;color:#646966}.dv-motor-services>div>b{font-size:24px;line-height:1.05;letter-spacing:-.8px;margin:15px 0 19px}.dv-motor-services>div>small{font-size:10px;display:flex;justify-content:space-between;align-items:center;margin-top:auto}.dv-motor-services>div>small>span{font-size:19px}.dv-motor-services .dv-motor-price{background:#254be2;color:white;border:0}.dv-motor-services .dv-motor-price>span{color:#ffffff90}.dv-motor-services .dv-motor-price>b{font-size:28px}
/* Restaurant: burgundy ink, warm paper, food, a real reservation module. */
.dv-stol{background:#f5f0e3;color:#602c38}.dv-stol .dv-nav{height:99px;border-bottom:1px solid #602c3828;padding:0 35px}.dv-logo-stol{gap:7px}.dv-logo-stol svg{width:43px;height:46px}.dv-logo-stol>span{font:italic 35px/.9 Georgia,serif;letter-spacing:-1.7px}.dv-logo-stol small{font-style:normal;font-size:6px;letter-spacing:1.8px;margin-top:8px}.dv-stol .dv-nav-links{font-size:12px;gap:26px}.dv-stol .dv-nav-cta{border:1px solid #602c3870;border-radius:0;font-size:11px}.dv-stol-hero{display:grid;grid-template-columns:420px 540px 240px;height:534px}.dv-stol-copy{padding:29px 34px;position:relative}.dv-stol-note{font:italic 13px/1.2 Georgia,serif}.dv-site .dv-stol-copy h3{font:normal 86px/.86 Georgia,serif!important;letter-spacing:-4.8px!important;margin:26px 0 30px;position:relative}.dv-stol-copy h3 em{font-weight:400}.dv-stol-copy h3 svg{position:absolute;left:8px;bottom:-17px;width:290px;height:25px}.dv-stol-copy>p{font-size:14px;line-height:1.6;color:#6e5754}.dv-stol-link{font-size:12px;display:flex;gap:35px;align-items:center;width:max-content;border-bottom:1px solid #602c3850;padding-bottom:7px;margin-top:21px}.dv-stol-link>span{font-size:20px}.dv-stol-hours{position:absolute;left:35px;bottom:24px;display:flex;flex-direction:column;gap:5px}.dv-stol-hours>span{font-size:7px;letter-spacing:1px}.dv-stol-hours>strong{font:normal 21px/1.1 Georgia,serif}.dv-stol-hours>small{font-size:9px;opacity:.6}.dv-stol-image{position:relative;overflow:hidden}.dv-stol-image>img{object-position:48% center}.dv-stol-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#28171185)}.dv-stol-photo-title{position:absolute;left:30px;bottom:31px;color:#faf2df;font:italic 42px/1 Georgia,serif;z-index:1}.dv-stol-stamp{position:absolute;right:22px;top:22px;border-radius:50%;background:#f4ead6;width:99px;height:99px;border:1px solid #602c38;outline:5px solid #f4ead6;display:flex;flex-direction:column;align-items:center;justify-content:center;font:12px/1.2 Georgia,serif;transform:rotate(13deg);z-index:1;letter-spacing:2px}.dv-stol-stamp b{font-size:22px;letter-spacing:0}.dv-stol-stamp>span{font:6px Figtree,sans-serif;letter-spacing:1.4px;margin-top:6px}.dv-stol-side{background:#e9e0cf;padding:30px 23px;position:relative}.dv-stol-side>span{font-size:7px;letter-spacing:1.2px}.dv-stol-side h4{font:normal 38px/.98 Georgia,serif!important;letter-spacing:-1.7px!important;margin:25px 0 19px}.dv-stol-side>p{font-size:12px;line-height:1.8}.dv-stol-small-image{width:149px;height:129px;margin:24px 0 18px;overflow:hidden;border-radius:90px 90px 0 0}.dv-stol-small-image img{transform:scale(1.6);object-position:65% 85%}.dv-stol-side>small{font-size:9px;display:flex;align-items:center;justify-content:space-between}.dv-stol-side>small>span{font-size:17px}.dv-stol-book{height:127px;display:flex;gap:23px;align-items:center;border-top:1px solid #602c3840;padding:0 35px}.dv-stol-book>div:first-child{margin-right:auto}.dv-stol-book>div:first-child>span{font-size:7px;letter-spacing:.7px;display:block;margin-bottom:10px}.dv-stol-book>div:first-child>b{font:normal 27px/1 Georgia,serif;letter-spacing:-.8px}.dv-stol-book-field{min-width:160px;border-bottom:1px solid #602c3850;padding:0 0 10px}.dv-stol-book-field small{font-size:7px;letter-spacing:.7px;display:block;margin-bottom:9px}.dv-stol-book-field b{font-size:12px;font-weight:400;display:flex;justify-content:space-between}.dv-stol-book-button{background:#602c38;color:#f5f0e3;padding:18px 21px;font-size:11px;display:flex;gap:35px;align-items:center}
/* Architecture: precise geometry, a project-led layout and material palette. */
.dv-punkt{background:#edece3;color:#233c31}.dv-punkt .dv-nav{height:88px;padding:0 37px;border-bottom:1px solid #233c3130}.dv-logo-punkt svg{width:36px;height:36px}.dv-logo-punkt>span{font:600 28px/1 Figtree,sans-serif;letter-spacing:1px}.dv-logo-punkt small{font-size:6px;letter-spacing:1.6px;margin-top:6px}.dv-punkt .dv-nav-links{gap:30px;font-size:11px}.dv-punkt .dv-nav-cta{background:#233c31;color:#efeee6;font-size:11px}.dv-punkt-hero{display:grid;grid-template-columns:462px 738px;height:529px}.dv-punkt-copy{padding:32px 37px;position:relative}.dv-punkt-location{font-size:7px;letter-spacing:1.2px}.dv-site .dv-punkt-copy h3{font-size:49px;line-height:1.02;letter-spacing:-2.6px!important;font-weight:400;margin:34px 0 22px}.dv-punkt-copy h3 em{font-family:Georgia,serif;font-size:52px;line-height:1;font-weight:400;letter-spacing:-2.9px}.dv-punkt-copy>p{font-size:13px;line-height:1.7;color:#5b675f}.dv-punkt-link{font-size:11px;border-bottom:1px solid #233c3160;width:max-content;display:flex;gap:35px;align-items:center;padding-bottom:8px;margin-top:22px}.dv-punkt-link>span{font-size:18px}.dv-punkt-drawing{position:absolute;left:37px;bottom:25px;display:flex;gap:20px;align-items:flex-end;color:#67746b}.dv-punkt-drawing svg{width:119px;height:59px}.dv-punkt-drawing>span{font-size:8px;line-height:1.6}.dv-punkt-project{position:relative;overflow:hidden}.dv-punkt-project>img{object-position:57% center}.dv-punkt-project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10191025,transparent 35%,#12221866)}.dv-punkt-project-top{position:absolute;top:29px;left:29px;right:29px;z-index:1;display:flex;justify-content:space-between;color:white;font-size:7px;letter-spacing:1px}.dv-punkt-project-bottom{position:absolute;left:30px;bottom:32px;z-index:1;display:flex;align-items:flex-end;gap:41px;color:white}.dv-punkt-project-bottom>div>span{font-size:7px;letter-spacing:1px}.dv-punkt-project-bottom strong{display:block;font:normal 50px/.97 Figtree,sans-serif;letter-spacing:-2.4px;margin:14px 0}.dv-punkt-project-bottom small{font-size:9px;opacity:.8}.dv-punkt-project-bottom>i{font-style:normal;width:43px;height:43px;border:1px solid #fff9;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:25px}.dv-punkt-material{position:absolute;bottom:28px;right:25px;padding:19px;background:#d9e4b0;color:#233c31;width:220px;z-index:1}.dv-punkt-material>span{font-size:6px;letter-spacing:.85px;display:block;margin-bottom:14px}.dv-punkt-material>div{display:flex;gap:8px}.dv-punkt-material i{width:46px;height:46px;display:block;border-radius:50%;background:repeating-linear-gradient(90deg,#9e774c 0,#b69b79 3px,#8f7657 5px,#b1a087 8px);border:1px solid #34483c20}.dv-punkt-material i:nth-child(2){background:repeating-linear-gradient(24deg,#ded8c9 0,#bcbcaf 1px,#d5d5c6 2px,#e3dfd5 11px)}.dv-punkt-material i:nth-child(3){background:#e6e8dc}.dv-punkt-material>small{font-size:7px;display:block;margin-top:12px}.dv-punkt-bottom{display:grid;grid-template-columns:440px repeat(3,1fr);align-items:center;height:143px;padding:0 37px;gap:21px;border-top:1px solid #233c3130}.dv-punkt-bottom>div>span{font-size:7px;letter-spacing:.8px}.dv-punkt-bottom>div>b{font:400 24px/1.05 Figtree,sans-serif;letter-spacing:-.8px;display:block;margin-top:11px}.dv-punkt-bottom>span{font-size:11px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;border-bottom:1px solid #233c3140;padding-bottom:13px}.dv-punkt-bottom>span>strong{font:400 9px 'IBM Plex Mono',monospace;width:100%;color:#9ba395}.dv-punkt-bottom>span>span{font-size:17px;line-height:1}
/* Deliberately dated, synthetic before-states — never a real customer's site. */
.dv-old{width:1200px;height:760px;overflow:hidden;font:13px/1.35 Arial,sans-serif;color:#151515;background:#c5c8d0;background-image:repeating-linear-gradient(45deg,#c2c6cf 0,#c2c6cf 3px,#d1d3d9 3px,#d1d3d9 5px);padding:0 75px}.dv-old-top{height:27px;background:#17467e;color:#fff;text-align:right;font:11px/27px Arial,sans-serif;padding-right:12px;border:1px solid white}.dv-old-banner{height:119px;background:linear-gradient(#fff,#e8eef6 40%,#6f95c2);display:flex;align-items:center;gap:25px;padding:12px 23px;border:3px ridge #c0c0c0}.dv-old-logo{font:bold italic 46px/1 'Arial Black',Arial,sans-serif;color:#134d98;text-shadow:2px 2px white,4px 4px #a4a4a4;transform:skewY(-6deg);white-space:nowrap;letter-spacing:-3px}.dv-old-logo>span{font-size:39px;color:#f7cc08;display:inline-block;vertical-align:5px;filter:drop-shadow(1px 1px 0 #777);margin-right:8px}.dv-old-banner>div:last-child{margin-left:auto;text-align:center}.dv-old-banner b{font:bold 18px Georgia,serif;color:#d51006;text-shadow:1px 1px white;display:block}.dv-old-banner em{font:italic 13px Georgia,serif;display:block;margin-top:14px;color:#000}.dv-old-nav{height:35px;display:flex;background:linear-gradient(#5192d7,#123565);border:3px outset #c0c0c0;justify-content:space-around;align-items:center;color:white;font:bold 12px Arial,sans-serif;text-shadow:1px 1px #000}.dv-old-nav>span{border-right:1px solid #cedcef;padding:0 24px}.dv-old-body{display:grid;grid-template-columns:178px 1fr 166px;gap:6px;padding:8px;background:#eee;min-height:540px;align-items:start;border:1px solid #777}.dv-old-body aside{border:2px ridge #bbb;background:#d9e5f0;padding:0 8px 9px;font:12px Arial,sans-serif}.dv-old-body aside>b{display:block;background:linear-gradient(#699acd,#1e467b);color:white;font:bold 11px/26px Arial,sans-serif;text-align:center;margin:0 -8px 7px}.dv-old-body aside>span:not(.dv-old-envelope){display:block;background:linear-gradient(#fff,#b6cce2);padding:7px 5px;margin:4px 0;border:2px outset #bbb;font-size:11px;color:#132f61}.dv-old-promo{margin:17px 0 12px;background:#fff500;border:2px dashed red;text-align:center;color:#e30000;padding:9px 2px;font:bold 11px Arial,sans-serif;transform:rotate(-2deg)}.dv-old-promo strong{display:block;font:bold 22px/1 'Arial Black',Arial,sans-serif;margin:9px 0;text-shadow:1px 1px #fff}.dv-old-counter{text-align:center;font:11px Georgia,serif;margin-top:17px}.dv-old-counter strong{display:block;background:#101010;color:#45fc35;padding:3px;font:12px monospace;margin:4px 1px}.dv-old-counter small{font-size:9px;display:block;margin:7px 0}.dv-old-weather{display:flex;gap:10px;align-items:center;margin:15px 0 3px;font-size:34px;color:#e9a807}.dv-old-weather>span{font:11px Arial,sans-serif;color:#111}.dv-old-body article{background:white;padding:9px 15px;text-align:center;min-height:505px;border:1px solid #c0c0c0}.dv-old-welcome{font:bold 24px/1.2 'Times New Roman',serif;color:#164889;text-decoration:underline;margin:0 0 13px}.dv-old-body article>p{font:13px/1.45 Arial,sans-serif;margin:10px 0;text-align:justify}.dv-old-photo{width:289px;height:143px!important;max-width:none!important;object-fit:fill;image-rendering:pixelated;filter:saturate(1.6) contrast(1.15);display:block;margin:10px 0 10px auto;border:5px ridge #ccc;float:right;margin-left:14px}.dv-old-body article h4{font:bold italic 18px 'Times New Roman',serif!important;letter-spacing:0!important;color:#c41408;text-align:center;margin:12px 0!important}.dv-old-offer{clear:both;text-align:left;margin-top:12px;border:1px solid #8da6c8;font:12px/1.4 Arial,sans-serif}.dv-old-offer b{display:block;background:#ddeafa;text-align:center;padding:4px}.dv-old-offer span{display:inline-block;width:50%;padding:4px 7px;border:1px solid #ddd}.dv-old-contact{font:bold 19px/1.2 'Times New Roman',serif;color:#c00;margin-top:13px;text-align:center;text-decoration:underline}.dv-old-body article .dv-old-update{font:9px Arial,sans-serif;text-align:right;margin:14px 0 0;color:#777}.dv-old-right>strong{color:#e50000;font:bold 13px 'Times New Roman',serif;display:block;text-align:center;margin:15px 0 8px}.dv-old-right p{font:11px/1.5 Arial,sans-serif;margin:10px 0}.dv-old-right small{font:9px Arial,sans-serif;display:block;text-align:right}.dv-old-right hr{margin:16px 0 8px;border-top:1px solid #778da7}.dv-old-envelope{font:55px/1 Georgia,serif;display:block;text-align:center;color:#1553a1;transform:rotate(-12deg);margin-top:19px}.dv-old-right>u{display:block;text-align:center;color:blue;font-size:11px}.dv-old-browser{font:9px/1.4 Arial,sans-serif;background:#e9e9e9;border:2px inset #ddd;text-align:center;padding:9px 2px;margin-top:21px}.dv-old-browser b{font:10px Arial,sans-serif}.dv-old footer{font:10px/20px Arial,sans-serif;background:#d5d5d5;text-align:center;color:#555}.dv-old-stol{background:#bd9e80;background-image:repeating-linear-gradient(90deg,#ccb190 0,#ccb190 3px,#bca07d 5px,#cfb997 8px);padding:0 69px}.dv-old-stol .dv-old-top{background:#6c281e}.dv-old-stol .dv-old-banner{background:linear-gradient(#f6e5ab,#e9d29d 45%,#b28c62)}.dv-old-stol .dv-old-logo{font-family:'Times New Roman',serif;color:#aa231b;font-size:52px;letter-spacing:-3px}.dv-old-stol .dv-old-logo>span{color:#438523}.dv-old-stol .dv-old-nav{background:linear-gradient(#9e4c3d,#431609)}.dv-old-stol .dv-old-body aside{background:#f2e3bc}.dv-old-stol .dv-old-body aside>b{background:linear-gradient(#b85b28,#6e200e)}.dv-old-stol .dv-old-body aside>span:not(.dv-old-envelope){background:linear-gradient(#fff2cf,#c8a966);color:#60180f}.dv-old-stol .dv-old-welcome{color:#851b18;font-family:'Comic Sans MS','Times New Roman',serif;font-style:italic}.dv-old-stol .dv-old-offer b{background:#eee4c8}.dv-old-stol .dv-old-photo{filter:saturate(2) contrast(1.2) sepia(.2)}.dv-old-punkt{background:#707c78;background-image:repeating-linear-gradient(135deg,#65736c 0,#65736c 2px,#78857e 2px,#78857e 4px)}.dv-old-punkt .dv-old-top{background:#23452e}.dv-old-punkt .dv-old-banner{background:linear-gradient(#c3d3c4,#f4f2e9 50%,#709177)}.dv-old-punkt .dv-old-logo{font:normal 53px 'Times New Roman',serif;letter-spacing:6px;color:#254c35;text-shadow:2px 2px #fff,4px 4px #888;transform:none}.dv-old-punkt .dv-old-nav{background:linear-gradient(#789278,#24452c)}.dv-old-punkt .dv-old-body aside{background:#cad8c9}.dv-old-punkt .dv-old-body aside>b{background:linear-gradient(#739177,#214729)}.dv-old-punkt .dv-old-body aside>span:not(.dv-old-envelope){background:linear-gradient(#ebefe5,#98af92);color:#193f20}.dv-old-punkt .dv-old-welcome{color:#375e3b;font-family:Georgia,serif}.dv-old-punkt .dv-old-offer b{background:#d9e4d1}
@media(max-width:800px){.dv-tabs{margin-bottom:18px}.dv-tabs button{padding:13px 15px 15px}.dv-tabs button>span{font-size:25px}.dv-tabs small{font-size:11px}.dv-tabs i{font-size:20px}.dv-bottom{align-items:flex-start;gap:15px}.dv-context p{font-size:13px}.dv-view-buttons{gap:6px}.dv-view-buttons button{font-size:11px;padding:11px 13px}.dv-view-buttons button span{margin-left:6px}.dv-browser-bar{height:34px;padding:0 12px}.dv-handle>span{width:45px;height:45px;font-size:25px;gap:6px}}
@media(max-width:550px){.dv-tabs button{padding:13px 10px 14px;gap:6px}.dv-tabs button>span{font-size:20px}.dv-tabs small{font-size:9px;line-height:1.3}.dv-tabs i{display:none}.dv-tabs{margin-bottom:14px}.dv-bottom{flex-direction:column;padding-top:20px;gap:16px}.dv-context h3{font-size:23px!important;max-width:100%}.dv-context p{font-size:14px;max-width:34em}.dv-view-buttons{width:100%}.dv-view-buttons button{padding:13px 16px;font-size:12px;min-height:44px}.dv-browser-bar{height:29px;padding:0 9px;font-size:8px}.dv-browser-dots{gap:4px}.dv-browser-dots i{width:4px;height:4px}.dv-browser-note{font-size:0}.dv-browser-note i{font-size:12px;margin:0}.dv-handle>span{height:36px;width:36px;font-size:21px;gap:4px}.dv-handle i{height:12px}.dv-comparison-tags{inset:6px 6px auto}.dv-comparison-tags>span{font-size:6px;padding:5px 6px}.dv-browser{box-shadow:0 16px 35px #0002}}
@media(prefers-reduced-motion:reduce){.dv-component *{transition:none!important;animation:none!important}}
/* v15 — three distinct editorial brands, with useful content in every frame. */
.dv-site.dv-motora-v15{background:#f0f0e9;color:#202527}.dv-motora-v15 .dv-nav{height:80px;padding:0 36px;border-bottom:1px solid #20252730}.dv-motora-v15 .dv-logo{color:#234dd8}.dv-motora-v15 .dv-logo svg{width:46px;height:36px}.dv-motora-v15 .dv-logo>span{font-size:28px}.dv-motora-v15 .dv-logo small{font-size:6px}.dv-motora-v15 .dv-nav-links{font-size:11px;gap:24px}.dv-motora-v15 .dv-nav-cta{background:#234dd8;font-size:11px;padding:12px 16px}.dv-motor-manifest{height:200px;padding:21px 36px 25px;display:grid;grid-template-columns:1fr 238px;gap:35px;align-items:center}.dv-site .dv-motor-manifest h3{font:750 87px/.88 Figtree,sans-serif!important;letter-spacing:-4.8px!important;margin:0!important;color:#242a29}.dv-motor-manifest h3 em{color:#244ee0;font-style:normal;white-space:nowrap}.dv-motor-intro{align-self:center;border-left:1px solid #242a2940;padding-left:24px}.dv-motor-intro>span{display:flex;gap:6px;align-items:center;font-size:8px;letter-spacing:.07em}.dv-motor-intro i{height:5px;width:5px;border-radius:50%;background:#244ee0}.dv-site .dv-motor-intro p{font:400 21px/1.18 Figtree,sans-serif;margin:13px 0 14px;letter-spacing:-.5px}.dv-motor-intro p>b{font-weight:600}.dv-motor-intro>small{font-size:7px;color:#6b716e}.dv-motor-main{height:420px;padding:0 36px;display:grid;grid-template-columns:790px 316px;gap:22px}.dv-motor-feature{height:420px;min-width:0}.dv-motor-photo{height:300px;position:relative;overflow:hidden;background:#1c2329}.dv-motor-photo>img{object-position:65% 53%;filter:brightness(.85);width:100%;height:100%}.dv-motor-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a1220d9 0,#0a122073 40%,transparent 73%)}.dv-motor-photo-heading{position:absolute;left:27px;top:25px;z-index:1;color:#f6f6ed}.dv-motor-photo-heading>span{font-size:7px;letter-spacing:1.05px;opacity:.75}.dv-motor-photo-heading>strong{display:block;font:600 51px/.98 Figtree,sans-serif;letter-spacing:-2.4px;margin-top:21px}.dv-motor-guarantee{position:absolute;left:27px;bottom:48px;z-index:1;display:flex;gap:12px;align-items:center;color:white}.dv-motor-guarantee svg{width:34px;height:34px;color:#f08453}.dv-motor-guarantee>span{font-size:10px;line-height:1.7;color:#dde1df}.dv-motor-guarantee b{font-weight:500;color:white}.dv-motor-photo-index{position:absolute;left:27px;right:25px;bottom:18px;z-index:1;display:flex;align-items:center;gap:11px;color:#dde1df;font:6px 'IBM Plex Mono',monospace;letter-spacing:.08em}.dv-motor-photo-index>i{height:1px;background:#ffffff35;flex:1}.dv-motor-service-row{display:grid;grid-template-columns:1fr 1fr 1.15fr;height:120px;border-bottom:1px solid #20252740}.dv-motor-service-row>div{padding:21px 14px 21px 0;position:relative;display:flex;align-items:center;gap:10px;border-right:1px solid #20252730}.dv-motor-service-row>div:nth-child(2),.dv-motor-service-row>div:nth-child(3){padding-left:16px}.dv-motor-service-row>div:last-child{border-right:0;padding-right:0}.dv-motor-service-row svg{width:34px;height:34px;fill:none;stroke:#234dd8;stroke-width:1.2;flex:none}.dv-motor-service-row span{display:flex;flex-direction:column;gap:8px}.dv-motor-service-row b{font-size:13px;letter-spacing:-.4px;font-weight:600}.dv-motor-service-row small{font-size:8px;color:#6c746e;white-space:nowrap}.dv-motor-service-row i{font-style:normal;font-size:17px;color:#244ee0;position:absolute;right:10px;top:13px}.dv-motor-booking{height:420px;padding:23px 23px 18px;color:#f1f2ea;background:#244bce;position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.dv-motor-booking-head{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.09em;color:#cdd7fa}.dv-motor-booking-head>i{font-style:normal;font-size:21px;line-height:1}.dv-site .dv-motor-booking h4{font:500 40px/.95 Figtree,sans-serif!important;letter-spacing:-1.6px!important;margin:14px 0 18px!important}.dv-motor-booking-field{border-bottom:1px solid #ffffff42;padding-bottom:11px;margin-bottom:12px}.dv-motor-booking-field small,.dv-motor-date small{display:block;font-size:6px;letter-spacing:.07em;color:#c6d2f6;margin-bottom:7px}.dv-motor-booking-field b{font-size:12px;font-weight:400;display:flex;justify-content:space-between}.dv-motor-booking-field b>span{font-size:16px;line-height:1}.dv-motor-date{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.dv-motor-date b{font-size:12px;font-weight:400}.dv-motor-date svg{height:25px;width:25px}.dv-motor-booking-submit{display:flex;justify-content:space-between;align-items:center;background:#ef8252;color:#1e252a;font-size:12px;padding:12px 15px;margin-top:18px;font-weight:600}.dv-motor-booking-submit>span{font-size:19px;line-height:1}.dv-site .dv-motor-booking>p{font-size:7px;line-height:1.6;margin:12px 0 0;color:#ced8f7}.dv-motor-foot{height:60px;padding:0 36px;display:flex;gap:28px;align-items:center;font-size:7px;letter-spacing:.025em}.dv-motor-foot>span:first-child{font-weight:600}.dv-motor-foot>span:nth-child(2){color:#7a817b}.dv-motor-foot>b{margin-left:auto;font-size:9px;color:#244bce;font-weight:500}
/* The restaurant reads like a menu, a photograph and an invitation at once. */
.dv-site.dv-stol-v15{background:#542331;color:#f6efd9}.dv-stol-v15 .dv-nav{height:80px;padding:0 35px;border-bottom:1px solid #f6efd92e;color:#f6efd9}.dv-stol-v15 .dv-logo-stol>span{font-size:33px}.dv-stol-v15 .dv-logo-stol svg{width:38px;height:43px}.dv-stol-v15 .dv-nav-links{font-size:11px;gap:23px}.dv-stol-v15 .dv-nav-cta{border-color:#f6efd974;color:#f6efd9;font-size:11px;padding:11px 15px}.dv-stol-editorial{height:568px;position:relative;isolation:isolate;overflow:hidden}.dv-stol-dining-photo{position:absolute;left:404px;top:23px;width:761px;height:520px;border-radius:255px 0 0 0;overflow:hidden;background:#311c1b}.dv-stol-dining-photo>img{object-position:52% 50%;width:100%;height:100%;filter:brightness(.9)}.dv-stol-dining-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#2d161737,transparent 40%),linear-gradient(0deg,#36191a75,transparent 60%)}.dv-stol-dining-photo>span{position:absolute;right:21px;top:19px;font-size:6px;letter-spacing:1.3px;color:#fff8e5;z-index:1}.dv-stol-editorial-copy{position:absolute;left:36px;top:26px;width:411px;z-index:2}.dv-stol-handwritten{font:italic 18px Georgia,serif;display:block;transform:rotate(-6deg);transform-origin:left;margin-left:4px;color:#d9b99e}.dv-site .dv-stol-editorial-copy h3{font:400 98px/.79 Georgia,serif!important;letter-spacing:-5.7px!important;margin:24px 0 31px!important;color:#f6efd9}.dv-stol-editorial-copy h3 em{font-weight:400;margin-left:65px;font-size:113px;display:inline-block;line-height:.95}.dv-site .dv-stol-editorial-copy>p{font:400 13px/1.75 Figtree,sans-serif;color:#d9c5bb;margin:0}.dv-stol-editorial-copy>p>b{font-weight:400;color:#f6efd9}.dv-stol-editorial-link{display:flex;gap:30px;align-items:center;font-size:12px;width:max-content;border-bottom:1px solid #f6efd966;padding-bottom:8px;margin-top:23px;color:#f6efd9}.dv-stol-editorial-link>span{font-size:22px;line-height:1}.dv-stol-table-menu{position:absolute;right:29px;top:228px;width:308px;min-height:312px;padding:23px 23px 17px;background:#f6efd9;color:#5b2530;z-index:3;transform:rotate(-3deg);box-shadow:0 16px 35px #22111140}.dv-stol-table-menu>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:1.2px;border-bottom:1px solid #5b253050;padding-bottom:11px}.dv-stol-table-menu i{font:25px/.6 Georgia,serif;font-style:normal}.dv-site .dv-stol-table-menu h4{font:400 32px/.97 Georgia,serif!important;letter-spacing:-1px!important;margin:17px 0 16px!important}.dv-stol-table-menu h4 em{font-weight:400}.dv-stol-table-menu dl{margin:0}.dv-stol-table-menu dl>div{display:grid;grid-template-columns:1fr auto;border-top:1px solid #5b25302b;padding:10px 0 8px}.dv-stol-table-menu dt{font:500 11px Figtree,sans-serif}.dv-stol-table-menu dd{margin:0;font:400 11px Figtree,sans-serif}.dv-stol-table-menu dl small{font:7px Figtree,sans-serif;grid-column:1/-1;opacity:.7;margin-top:5px}.dv-stol-menu-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #5b253057;padding-top:9px;font-size:8px}.dv-stol-menu-bottom>b{font:20px/1 Figtree,sans-serif}.dv-stol-opening{position:absolute;left:37px;bottom:20px;display:flex;align-items:center;gap:7px;font-size:8px;color:#d9c5bb}.dv-stol-opening>i{width:5px;height:5px;border-radius:50%;background:#c2d09a}.dv-stol-opening b{font-weight:500;color:#f5ecd5}.dv-stol-opening>span:last-child{margin-left:23px;font-size:7px}.dv-stol-reserve{height:112px;background:#f6efd9;color:#5b2530;display:flex;align-items:center;gap:33px;padding:0 35px}.dv-stol-reserve>div:first-child{margin-right:auto}.dv-stol-reserve small{font:6px Figtree,sans-serif;letter-spacing:.1em;display:block;margin-bottom:9px}.dv-stol-reserve>div:first-child>b{font:400 29px Georgia,serif;letter-spacing:-1px}.dv-stol-reserve>span{width:148px;border-bottom:1px solid #5b253070;padding-bottom:8px}.dv-stol-reserve strong{font:400 12px Figtree,sans-serif;display:flex;justify-content:space-between}.dv-stol-reserve i{font-style:normal}.dv-stol-reserve .dv-stol-reserve-cta{background:#5b2530;color:#f6efd9;display:flex;align-items:center;gap:36px;padding:17px 24px;font-size:11px}.dv-stol-reserve-cta>i{font-size:22px;line-height:1}
/* Architecture as an atlas: one complete project, plan, detail and next chapter. */
.dv-site.dv-punkt-v15{background:#eaece3;color:#273c31}.dv-punkt-v15 .dv-nav{height:77px;padding:0 34px;border-bottom:1px solid #273c3133}.dv-punkt-v15 .dv-logo-punkt>span{font-size:27px}.dv-punkt-v15 .dv-logo-punkt svg{width:35px;height:35px}.dv-punkt-v15 .dv-nav-links{font-size:10px;gap:27px}.dv-punkt-v15 .dv-nav-cta{font-size:10px;background:#273c31;padding:11px 15px}.dv-punkt-statement{height:159px;display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:22px 34px;align-items:center}.dv-site .dv-punkt-statement h3{font:400 51px/.96 Figtree,sans-serif!important;letter-spacing:-2.5px!important;margin:0!important}.dv-punkt-statement h3 em{font:italic 54px/.96 Georgia,serif;letter-spacing:-2.8px}.dv-punkt-statement>div{border-left:1px solid #273c3133;padding-left:23px}.dv-punkt-statement>div>span{font-size:6px;letter-spacing:.7px}.dv-site .dv-punkt-statement p{font-size:11px;line-height:1.6;margin:9px 0;color:#6b746a}.dv-punkt-statement b{font-size:9px;font-weight:500;display:flex;gap:25px;align-items:center}.dv-punkt-statement b>span{font-size:17px;line-height:1}.dv-punkt-atlas{height:406px;position:relative;margin:0 34px}.dv-punkt-atlas-photo{position:absolute;left:0;top:0;width:853px;height:406px;overflow:hidden}.dv-punkt-atlas-photo>img{object-position:50% 53%}.dv-punkt-atlas-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#12271bb0,transparent 55%)}.dv-punkt-atlas-label{position:absolute;bottom:25px;left:25px;z-index:1;color:#fffef1}.dv-punkt-atlas-label>span{font-size:6px;letter-spacing:1.1px}.dv-punkt-atlas-label>b{font:400 40px/.98 Figtree,sans-serif;letter-spacing:-1.7px;display:block;margin:11px 0}.dv-punkt-atlas-label>small{font-size:8px;color:#e1e6d7}.dv-punkt-project-open{position:absolute;right:23px;bottom:26px;display:flex;gap:18px;align-items:center;font-size:10px;color:#fffef1;z-index:1}.dv-punkt-project-open>i{font-style:normal;border:1px solid #fffef180;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:23px}.dv-punkt-plan{position:absolute;top:0;right:0;background:#d4dfb0;color:#2e4333;width:258px;height:251px;padding:18px 18px 14px}.dv-punkt-plan>div:first-child{display:flex;justify-content:space-between;font-size:5.5px;letter-spacing:.6px}.dv-punkt-plan>svg{display:block;width:176px;height:118px;margin:10px auto 5px}.dv-punkt-plan-data{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #2e433338}.dv-punkt-plan-data strong{font:400 29px/.95 Figtree,sans-serif;letter-spacing:-1.4px}.dv-punkt-plan-data strong small{font-size:10px;letter-spacing:0}.dv-punkt-plan-data>span{font:8px/1.5 Figtree,sans-serif}.dv-site .dv-punkt-plan p{font-size:8px;line-height:1.35;margin:10px 0 0;color:#60734c}.dv-punkt-next-project{position:absolute;right:0;bottom:0;width:258px;height:139px;overflow:hidden}.dv-punkt-next-project>img{object-position:center 70%}.dv-punkt-next-project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0e241edb,transparent)}.dv-punkt-next-project>div{position:absolute;left:15px;right:15px;bottom:13px;z-index:1;color:#fffef1}.dv-punkt-next-project span{font-size:5px;letter-spacing:.8px}.dv-punkt-next-project b{display:block;font:400 21px/1 Figtree,sans-serif;letter-spacing:-.7px;margin:6px 0}.dv-punkt-next-project small{font-size:7px;color:#d4dfcb}.dv-punkt-project-footer{height:118px;display:grid;grid-template-columns:365px repeat(3,1fr);align-items:center;gap:20px;padding:0 34px}.dv-punkt-project-footer>div>span{font-size:6px;letter-spacing:.8px}.dv-punkt-project-footer>div>b{font:400 23px/1.06 Figtree,sans-serif;letter-spacing:-.6px;display:block;margin-top:8px}.dv-punkt-project-footer>span{font:400 10px Figtree,sans-serif;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #273c3140;padding:13px 0}.dv-punkt-project-footer>span>b{font-size:18px;font-weight:400}