@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#0d1a2b;--paper:#e9e8df;--acid:#d8ff49;--orange:#fd6d3d;--line:rgba(13,26,43,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.notice{background:var(--ink);color:#fff;padding:10px 3vw;font:11px 'DM Mono';letter-spacing:.08em;text-align:center}.notice span{color:var(--acid);margin:0 10px}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3vw;position:relative;z-index:2}.logo{font:bold 20px 'DM Mono';letter-spacing:-.08em}.logo i{display:inline-block;width:15px;height:15px;background:var(--orange);border-radius:50% 50% 3px 50%;transform:rotate(45deg);margin-right:8px}nav{display:flex;gap:28px;font-size:14px}.bag{border:0;background:transparent;text-transform:uppercase;font:12px 'DM Mono';cursor:pointer}.bag b{display:inline-grid;place-items:center;margin-left:5px;background:var(--acid);border-radius:50%;width:20px;height:20px}.hero{height:min(700px,calc(100vh - 110px));min-height:580px;position:relative;overflow:hidden;color:white}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,25,.6),rgba(3,12,25,0) 65%)}.hero>div{position:absolute;z-index:1;left:8vw;top:22%;max-width:640px}.hero p,.catalog-head>p,.rooms>p,.intro>p,.detail-copy>p,.checkout>div>p,.summary>p,.thanks>p,.info>p,footer small{font:11px 'DM Mono';letter-spacing:.09em}.hero h1,.intro h2,.catalog h2,.rooms h2,.detail h1,.checkout h1,.thanks h1,.info h1{font:clamp(50px,7.5vw,120px)/.84 'Instrument Serif';letter-spacing:-.04em;margin:24px 0 36px}.hero aside{position:absolute;z-index:1;right:4vw;bottom:45px;border-top:1px solid rgba(255,255,255,.5);width:280px;padding-top:12px}.hero aside span{font:11px 'DM Mono';color:var(--acid)}.hero aside strong{display:block;font:30px 'Instrument Serif';margin:14px 0}.hero aside p{font:14px/1.4 'DM Sans'}.arrow{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:9px;font:14px 'DM Mono';text-transform:uppercase}.arrow b{font-size:20px;margin-left:15px}.intro{padding:135px 8vw 110px;display:grid;grid-template-columns:1fr 2.5fr;gap:50px}.intro h2{font-size:clamp(50px,6vw,92px);margin:0}.intro em,.rooms em,.detail em,.checkout em,.thanks em{color:var(--orange);font-weight:400}.intro span{max-width:360px;line-height:1.55;align-self:end}.catalog{padding:70px 3vw;background:#fff}.catalog-head{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:50px}.catalog h2{font-size:clamp(45px,5vw,78px);margin:10px 0 0}.catalog h2 em{font-weight:400;color:var(--orange)}.filters{justify-self:end;display:flex;gap:8px;flex-wrap:wrap;max-width:490px;justify-content:flex-end}.filters button{border:1px solid var(--line);padding:9px 12px;background:white;border-radius:30px;font-size:13px;cursor:pointer}.filters button.active{background:var(--ink);color:white}.filters input{border:0;border-bottom:1px solid var(--ink);width:150px;padding:8px;background:transparent;font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:45px 18px}.object{height:295px;display:block;position:relative;overflow:hidden;background:#d6d5ce}.object span{position:absolute;top:13px;left:14px;z-index:1;font:11px 'DM Mono'}.object b{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:102px;height:102px;border-radius:50%;background:#f5efe1;box-shadow:inset -14px -10px 18px rgba(0,0,0,.18),0 15px 30px rgba(13,26,43,.15)}.object i{position:absolute;background:var(--ink);display:block}.o1{background:#d9c9b6}.o1 b{border-radius:50% 50% 44% 44%;background:#fc8b4c}.o1 i{width:3px;height:115px;top:0;left:50%}.o2{background:#d3e2dd}.o2 b{width:140px;height:46px;border-radius:50%;background:#edf2e4}.o2 i{width:3px;height:120px;top:0;left:50%}.o3{background:#c9c5d2}.o3 b{height:155px;width:18px;border-radius:10px;background:#355079}.o3 i{height:38px;width:105px;bottom:50px;left:calc(50% - 52px);border-radius:50%}.o4{background:#e0d2c6}.o4 b{border-radius:10px 10px 50% 50%;background:#7d3a2d}.o4 i{width:70px;height:8px;top:52%;left:15%}.o5{background:#bdd1db}.o5 b{background:#223c4b;border-radius:50% 50% 8px 8px}.o5 i{width:3px;height:120px;top:0;left:50%}.o6{background:#e7e1cb}.o6 b{width:70px;height:125px;background:#e3a82d;border-radius:50% 50% 9px 9px}.o6 i{height:3px;width:125px;bottom:57px;left:calc(50% - 62px)}.o0{background:#c8d4d6}.o0 b{width:52px;height:160px;border-radius:28px;background:#f2f2e9}.o0 i{height:3px;width:115px;bottom:55px;left:calc(50% - 57px)}.card h3{font-size:21px;margin:8px 0}.card>div{position:relative;padding-top:15px}.card small{font:10px 'DM Mono';color:#5b6270}.card p{margin:0}.card button{position:absolute;right:0;bottom:0;border:0;background:var(--acid);padding:9px 12px;cursor:pointer}.card[hidden]{display:none}.rooms{background:var(--ink);color:white;padding:90px 3vw}.rooms>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #68717a}.rooms article{padding:35px 3vw 35px 0;border-right:1px solid #68717a;min-height:320px}.rooms article+article{padding-left:3vw}.rooms article:last-child{border:0}.rooms span{font:11px 'DM Mono';color:var(--acid)}.rooms h2{font-size:46px;margin:80px 0 18px}.rooms a{border-bottom:1px solid var(--acid);font-size:14px}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(430px,92vw);background:#fcfbf5;z-index:6;padding:55px 30px;transform:translateX(105%);transition:.35s}.cart-open .drawer{transform:translateX(0)}.shade{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:5;opacity:0;pointer-events:none}.cart-open .shade{opacity:1;pointer-events:auto}.close{position:absolute;right:25px;top:21px;font-size:32px;border:0;background:transparent}.drawer h2{font:48px/.85 'Instrument Serif';margin:10px 0 35px}.drawer h2 em{color:var(--orange)}#cart-items article{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.mini{width:60px;height:60px;display:block;background:#ddd}.mini:before{content:'';display:block;margin:17px auto;width:26px;height:26px;border-radius:50%;background:#f5efe1}.drawer small{display:block;margin:5px 0;color:#69717b}.drawer #cart-items button{border:0;background:var(--paper)}.cart-total{position:absolute;bottom:35px;left:30px;right:30px;border-top:1px solid var(--ink);padding-top:18px}.cart-total span{display:flex;justify-content:space-between}.cart-total a{display:block;background:var(--ink);color:white;text-align:center;padding:14px;margin-top:15px;text-transform:uppercase;font:12px 'DM Mono'}footer{padding:70px 3vw 35px;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:30px;background:#c3c9c0;position:relative}footer p{line-height:1.45;font-size:14px;max-width:210px}footer small{display:block;margin-bottom:12px}footer div>a{display:block;margin:8px 0;font-size:14px}footer form{display:flex;border-bottom:1px solid var(--ink)}footer input{border:0;background:transparent;width:100%;padding:8px 0}footer form button{border:0;background:transparent;font-size:20px}footer em{position:absolute;bottom:30px;right:3vw;font:11px 'DM Mono';font-style:normal}.detail{padding:35px 3vw 100px}.back{font:13px 'DM Mono'}.detail section{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;margin-top:35px}.detail-object{height:650px}.detail-copy{padding-top:40px}.detail h1{font-size:92px;margin:12px 0}.detail-copy>strong{font:22px 'DM Mono'}.lead{font-size:20px;line-height:1.4;max-width:440px;margin:35px 0}.detail dl{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin:35px 0}.detail dt{font:11px 'DM Mono';margin:15px 0}.detail dd{margin:0;font-size:13px}.buy{display:flex;align-items:center;gap:15px}.buy button{border:1px solid var(--ink);background:transparent;padding:11px 15px;cursor:pointer}.buy .solid{background:var(--ink);color:white;margin-left:15px}.checkout{max-width:1180px;margin:70px auto 110px;padding:0 30px;display:grid;grid-template-columns:1.2fr .8fr;gap:90px}.checkout h1{font-size:76px}.checkout fieldset{border:0;border-top:1px solid var(--ink);padding:23px 0;margin:30px 0}.checkout legend{font:24px 'Instrument Serif';padding:0 15px 0 0}.checkout label{display:block;font-size:12px;margin:15px 0}.checkout input,.checkout select{display:block;width:100%;border:1px solid var(--line);background:#f7f6ef;padding:13px;margin-top:7px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary{background:#fff;padding:30px;height:max-content}.summary>div{display:flex;justify-content:space-between;padding:10px 0;font-size:14px}.summary hr{border:0;border-top:1px solid var(--line);margin:20px 0}.summary h3{display:flex;justify-content:space-between;font-size:20px}.paypal{background:#ffc439;border:0;border-radius:5px;width:100%;padding:13px;display:flex;align-items:center;justify-content:center;gap:2px;font-size:21px;cursor:pointer}.paypal i{font-style:normal;color:#003087}.paypal b{color:#009cde}.paypal small{font:11px 'DM Sans';margin-left:15px;color:#111}.summary>small{display:block;text-align:center;color:#62707a;margin:13px}.empty,.thanks,.info{min-height:58vh;padding:100px 8vw}.empty h1,.thanks h1,.info h1{font:clamp(56px,8vw,115px)/.85 'Instrument Serif';margin:25px 0}.thanks{background:var(--ink);color:white}.thanks p:not(:first-child){font-size:19px;max-width:410px;line-height:1.5;margin-bottom:35px}.info{display:grid;grid-template-columns:1fr 2fr;gap:50px}.info h1{margin:0}.info div{max-width:520px;font-size:20px;line-height:1.45}.info div p+ p{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}@media(max-width:760px){header{height:auto;padding:18px;gap:15px}nav{display:none}.hero{min-height:560px}.hero>div{left:25px;top:16%}.hero h1{font-size:65px}.hero aside{left:25px;bottom:20px;width:260px}.intro,.catalog-head,.detail section,.checkout,.info{grid-template-columns:1fr}.intro{padding:75px 25px;gap:20px}.grid{grid-template-columns:repeat(2,1fr);gap:35px 12px}.object{height:190px}.catalog{padding:55px 18px}.filters{justify-self:start;margin-top:25px}.rooms>div,footer{grid-template-columns:1fr}.rooms article,.rooms article+article{padding:30px 0;border-right:0;border-bottom:1px solid #68717a;min-height:auto}.rooms h2{margin:35px 0}.detail{padding:25px 18px 70px}.detail-object{height:390px}.detail h1,.checkout h1{font-size:64px}.detail dl{grid-template-columns:1fr}.checkout{margin:40px auto;padding:0 18px;gap:40px}.twocol{grid-template-columns:1fr}.summary{order:-1}.thanks,.empty,.info{padding:70px 25px}.info h1{margin:20px 0}footer{padding:55px 25px 75px}footer em{left:25px;right:auto}.card small{font-size:9px}.card h3{font-size:17px}.card button{position:static;margin-top:10px}.object b{transform:translate(-50%,-50%) scale(.7)}}
