:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#050505;font-weight:300;font-size:14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;scroll-behavior:smooth}body{background:#fff;text-transform:lowercase}.frame{min-height:100svh}.eyebrow,.intro,a{margin:0;font-size:clamp(11px,1vw,14px);font-weight:300;line-height:1.45;letter-spacing:.02em}.eyebrow{letter-spacing:.22em}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.28em}.hero{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(28px,5vh,56px);min-height:calc(88svh - 450px);padding:clamp(18px,4vw,48px)}.hero-mark{display:grid;gap:clamp(18px,3vw,36px)}h1{margin:0;max-width:10ch;font-size:clamp(72px,15vw,220px);line-height:.82;letter-spacing:-.062em;font-weight:900}.intro{max-width:43rem;transform:translate(5px,10px)}.hero-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.rows{display:flex;flex-direction:column;border-top:1px solid #050505}.row{display:grid;grid-template-columns:clamp(120px,30vw,420px) minmax(0,1fr);align-items:stretch;border-bottom:1px solid #050505}.row:last-child{border-bottom:0}.row-cover--empty{background:#fff}.row-cover{position:relative;display:block;margin:0;min-height:clamp(120px,30vw,420px);overflow:hidden;border-right:1px solid #050505}.row-cover img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;transition:transform .6s ease}a.row-cover:hover img,a.row-cover:focus-visible img{transform:scale(1.04)}.row-cover--logo{background:#fff}.row-cover--logo img{object-fit:contain}a.row-cover:focus-visible{outline:2px solid #050505;outline-offset:-2px}.row-body{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(18px,2.4vh,32px);padding:clamp(20px,2.6vw,40px) 0 clamp(20px,2.6vw,40px) clamp(18px,2.4vw,36px)}.row-head{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1vw,14px);padding-right:clamp(18px,2.4vw,36px)}.row-title{margin:0;font-size:clamp(26px,3.4vw,48px);line-height:.9;letter-spacing:-.05em;font-weight:600}.row-description{margin:0;max-width:52ch;color:#303030;font-size:clamp(12px,1vw,14px);line-height:1.5}.row-links{display:flex;flex-wrap:wrap;gap:10px 22px}.row-link{text-decoration:none;border-bottom:1px solid #050505;padding-bottom:2px}.row-link:hover{color:#303030;border-color:#303030}.row-products{list-style:none;margin:0;padding:0 clamp(18px,2.4vw,36px) 4px 0;display:flex;gap:clamp(12px,1.4vw,20px);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.row-products::-webkit-scrollbar{display:none}.tile{flex:0 0 auto;scroll-snap-align:start}.tile-inner{display:flex;flex-direction:column;gap:10px;width:clamp(150px,17vw,230px);text-decoration:none}.tile-media{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border:1px solid #e2e2e2;background:#fff}.tile-media img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;backface-visibility:hidden;will-change:transform;transition:transform .42s ease}.tile-media--icon{border-radius:18%}a.tile-inner:hover .tile-media,a.tile-inner:focus-visible .tile-media{border-color:#050505}a.tile-inner:focus-visible{outline:2px solid #050505;outline-offset:2px}.tile-caption{display:flex;flex-direction:column;gap:2px}.tile-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.tile-name{font-size:clamp(12px,1vw,14px);letter-spacing:.02em}.tile-price{flex:none;font-size:clamp(11px,.9vw,12px);color:#303030;white-space:nowrap}a.tile-inner .tile-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em;text-decoration-color:transparent;transition:text-decoration-color .14s ease}a.tile-inner:hover .tile-name{text-decoration-color:#050505}.tile-sub{font-size:clamp(11px,.9vw,12px);color:#8a8a8a}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.row-body,.row-cover{animation:row-rise linear both;animation-timeline:view();animation-range:entry 0% entry 46%;will-change:transform,opacity}@keyframes row-rise{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}}}.footer{border-top:1px solid #050505;padding:clamp(28px,4vw,56px) clamp(18px,4vw,48px) clamp(18px,2vw,28px);display:flex;flex-direction:column;gap:clamp(32px,5vh,64px)}.footer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start}.footer-term{margin:0 0 clamp(14px,1.4vw,20px);text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#8a8a8a}.footer-hello,.footer-col{min-width:0}.footer-social{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,.8vw,13px)}.footer-social a{display:inline-flex;align-items:center;gap:9px;text-decoration:none}.footer-social a:hover{text-decoration:underline}.social-icon{flex:0 0 auto;width:15px;height:15px}.footer-map{display:flex;flex-direction:column;gap:clamp(10px,.9vw,14px)}.footer-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:clamp(14px,1.6vw,20px);border-top:1px solid #e2e2e2;font-size:12px;color:#8a8a8a}.footer-bottom a{font-size:12px;color:inherit}[hidden]{display:none!important}.contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;text-transform:none}.contact-lead{display:flex;align-items:center;gap:12px;white-space:nowrap}.contact-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:none;color:#050505;cursor:pointer;line-height:0;transition:transform .12s ease}.contact-toggle:hover{transform:translateY(-1px)}.contact-toggle svg{width:100%;height:100%;display:block}.contact:not([data-state=collapsed]) .contact-toggle{display:none}.contact-fields{display:flex;flex-direction:column;gap:16px;width:100%;max-width:620px;min-width:0}.contact-field{display:grid;gap:8px}.contact-label{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#050505}.contact-fields:not(.is-two) .contact-label{display:none}.contact-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #cccccc;border-radius:999px;padding:12px 20px;transition:border-color .14s ease}.contact-input-wrap input{flex:1;min-width:0;padding:0;border:0;background:none;font:inherit;color:#050505;text-transform:none}.contact-input-wrap:focus-within{border-color:#050505;box-shadow:0 0 0 2px #0505052e}.contact-input-wrap input:focus-visible{outline:none}.contact-input-wrap input::placeholder{color:#9a9a9a}.contact-field--message.is-active .contact-input-wrap{border-color:#050505}.contact-valid{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;color:#c2c2c2;line-height:0;transition:color .16s ease}.contact-valid svg{width:100%;height:100%;display:block}.contact-valid.is-valid{color:#6cbf3a}.contact-send-wrap{display:grid;grid-template-rows:0fr;opacity:0;margin-top:-16px;transition:grid-template-rows .32s ease,opacity .26s ease,margin-top .32s ease}.contact-send-wrap.is-revealed{grid-template-rows:1fr;opacity:1;margin-top:0}.contact-send-wrap>.contact-send-btn{overflow:hidden;min-height:0}.contact-send-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;border:1px solid #050505;border-radius:999px;background:#050505;color:#fff;font:inherit;letter-spacing:.02em;cursor:pointer;transition:opacity .16s ease,background-color .16s ease}.contact-send-btn svg{width:18px;height:18px;display:block}.contact-send-btn:hover:not(:disabled){background:#303030}.contact-send-btn:disabled{opacity:.38;cursor:default}.contact-success{margin:0;display:inline-flex;align-items:center;gap:8px;color:#6cbf3a;white-space:nowrap}.contact-success[hidden]{display:none}.contact-success.is-error{color:#d23b3b;white-space:normal}.contact-success-mark{width:18px;height:18px;flex:none}.map{display:block;width:100%;max-width:min(336px,100%);height:auto;border:1px solid #050505;background:#e8eaed;overflow:hidden}.map-water{fill:#e8eaed;transition:fill .4s ease}.map-land{fill:#fff;stroke:#b7bbc0;stroke-width:1.1;stroke-linejoin:round;transition:fill .4s ease,stroke .4s ease}.map-label{fill:#70757a;text-transform:uppercase;letter-spacing:.12em;text-anchor:middle;dominant-baseline:middle;font-weight:500}.map-water-label{fill:#b3b8bd;font-style:italic;text-anchor:middle;dominant-baseline:middle}.map-hood{fill:#3c4043;text-anchor:middle;dominant-baseline:hanging;font-weight:500}.map-ring{fill:none;stroke:#050505;stroke-width:2;transition:stroke .4s ease}.map-dot{fill:#050505;transition:fill .4s ease}.map-ping{fill:none;stroke:#050505;stroke-width:1.4;opacity:0}.map-caption{font-size:11px;color:#303030}.map:hover .map-water{fill:#a9d6ef}.map:hover .map-land{fill:#f2efe9;stroke:#cfd4d9}.map:hover .map-dot{fill:#ff3b30}.map:hover .map-ring{stroke:#ff3b30}.map:hover .map-label{fill:#494e53}@media(prefers-reduced-motion:no-preference){.map-ping{animation:map-ping 2.6s ease-out infinite}@keyframes map-ping{0%{r:4;opacity:.55}to{r:16;opacity:0}}}@media(max-width:860px){.row-cover img{object-position:center clamp(18px,5vw,28px)}h1{letter-spacing:-.052em}.row-body{padding:clamp(18px,5vw,28px) 0 clamp(20px,5vw,28px) clamp(16px,4vw,24px)}.tile-inner{width:clamp(140px,38vw,200px)}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-height:650px){.hero{padding-block:18px}.hero-mark{gap:20px}h1{font-size:clamp(72px,min(15vw,29svh),220px)}}@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}}
