@font-face{font-family:Euclid;src:url("assets/EuclidCircularA-Light.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:Euclid;src:url("assets/EuclidCircularA-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
:root{--gold:#bf9042;--paper:#fefefe;--ink:#101010}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:300 16px/1.4 Euclid,Arial,sans-serif}
button,input{font:inherit}
button{border:0;background:none;color:inherit;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block}
:focus-visible{outline:2px solid #57451f;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-art,.hero-art picture{display:contents}
.menu-contact{display:none}
.hero{container-type:inline-size;background:var(--paper)}
.composition{--u:.0694444444cqw;position:relative;aspect-ratio:1440/628;overflow:hidden;isolation:isolate}
.watermark,.sculpture{position:absolute;height:auto;pointer-events:none;user-select:none}
.watermark{width:calc(1730 * var(--u));left:calc(-213 * var(--u));top:calc(370 * var(--u));z-index:-2}
.sculpture{width:calc(865 * var(--u));left:calc(291 * var(--u));top:calc(64.5 * var(--u));z-index:-1}
.masthead{position:absolute;inset:0 0 auto;height:calc(76 * var(--u))}
.hamburger{position:absolute;left:calc(60 * var(--u));top:calc(24 * var(--u));width:calc(69 * var(--u));height:calc(48 * var(--u));display:grid;align-content:center;gap:calc(9 * var(--u))}
.hamburger span{display:block;height:max(1px,calc(1 * var(--u)));width:100%;background:#101010;transition:width .2s,background-color .2s}
.hamburger:hover span{background:var(--gold)}.hamburger:hover span:last-child{width:74%}
.wordmark{position:absolute;left:50%;transform:translateX(-50%);top:calc(36 * var(--u));width:calc(136 * var(--u))}
.wordmark img{width:100%;height:auto;filter:brightness(0)}
.tools{position:absolute;right:calc(60 * var(--u));top:calc(26 * var(--u));display:flex;gap:calc(10 * var(--u))}
.icon{width:calc(45.56 * var(--u));height:calc(45.56 * var(--u));position:relative;border-radius:50%}
.icon img{width:100%;height:100%}
.icon .highlight{position:absolute;inset:0;opacity:0;transition:opacity .16s}
.icon:hover .highlight,.icon:focus-visible .highlight{opacity:1}
.hero h1,.intro,.benefits{padding:0;margin:0;position:absolute}
.hero h1{left:calc(63 * var(--u));top:calc(128 * var(--u));font-size:calc(35 * var(--u));line-height:calc(44 * var(--u));color:#a4a4a5;font-weight:600}
.hero h1>span,.intro span{display:block;white-space:nowrap}
.hero h1 em{font-style:normal;color:var(--gold)}
.intro{left:calc(79 * var(--u));top:calc(329 * var(--u));font-size:calc(20 * var(--u));line-height:calc(25 * var(--u));color:#000}
.intro::before{content:"";position:absolute;left:calc(-16 * var(--u));top:0;width:calc(2 * var(--u));height:calc(95 * var(--u));background:linear-gradient(to bottom,#cbcbcb 0 63.7%,var(--gold) 63.7%)}
.choose{position:absolute;top:calc(499 * var(--u));left:calc(60 * var(--u));width:calc(312 * var(--u));height:calc(70 * var(--u));display:grid;place-items:center;background:var(--gold);color:white;font-size:calc(18 * var(--u));line-height:1;font-weight:600;transition:background .2s}
.choose span{transform:translateY(calc(-1 * var(--u)))}
.choose svg{position:absolute;width:calc(12 * var(--u));height:calc(12 * var(--u));right:calc(26 * var(--u));top:calc(27.5 * var(--u));fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}
.choose:hover{background:#a87a34}.choose:hover svg{transform:translate(2px,-2px)}
.benefits{right:calc(60 * var(--u));top:calc(418 * var(--u));text-align:right;list-style:none;font-size:calc(20 * var(--u));line-height:calc(25 * var(--u));color:#000}
.benefits li+li{margin-top:calc(20 * var(--u))}
.benefits i{display:block;height:calc(11 * var(--u));width:calc(11 * var(--u));margin:0 0 calc(4 * var(--u)) auto;background:var(--gold);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M10.7 1.3 1.3 10.7m0-8.6v8.6h8.6'/%3E%3C/svg%3E") center/contain no-repeat}
dialog{padding:0;border:0;color:var(--ink);overscroll-behavior:contain}
dialog::backdrop{background:rgb(27 23 12/.17)}
body:has(dialog[open]){overflow:hidden}
.menu{position:fixed;left:0;top:0;right:auto;bottom:auto;margin:0;width:min(25.833333vw,calc(100dvh * 372/629));max-width:none;max-height:none;background:transparent;border-radius:0 10px 10px 0;overflow:visible}
.menu-art{display:block;width:100%;height:auto;pointer-events:none}
.menu::backdrop{background:transparent}
.menu{transform-origin:top left}
.menu nav .reach:hover{background:none}
.menu .row-label{display:block;width:100%;height:100%;pointer-events:none;transition:opacity .24s,filter .24s}
.menu nav:has(.reach:is(:hover,:focus-visible)) .reach:not(:is(:hover,:focus-visible)) .row-label{opacity:.38;filter:blur(.5px)}
.menu nav .reach::after{content:"→";position:absolute;right:3%;top:50%;color:white;font-size:clamp(13px,1.45vw,25px);opacity:0;transform:translate(-6px,-50%);transition:opacity .2s,transform .2s}
.menu nav .reach:is(:hover,:focus-visible)::after{opacity:1;transform:translate(0,-50%)}
.menu .m1{--row:0}.menu .m2{--row:1}.menu .m3{--row:2}.menu .m4{--row:3}.menu .m5{--row:4}.menu .m6{--row:5}
.menu.closing .reach{pointer-events:none}
@media(prefers-reduced-motion:no-preference){
  .watermark{animation:brand-arrival 1.85s cubic-bezier(.16,.82,.2,1) 90ms both}
  .headline-glyph{display:inline-block;animation:glyph-wave 4s cubic-bezier(.4,0,.2,1) calc(480ms + var(--glyph)*25ms) infinite both}
  .menu[open]:not(.closing) .row-label use{animation:menu-ink-in 440ms cubic-bezier(.16,.78,.24,1) calc(270ms + var(--row)*66ms) both}
  .menu[open]:not(.closing) .menu-top{animation:menu-ink-in .29s ease-out 75ms both}
  .menu[open]:not(.closing) .menu-footer{animation:menu-ink-in .38s ease-out .66s both}
  .menu.closing .row-label,.menu.closing .menu-footer,.menu.closing .menu-top{animation:menu-ink-out .19s ease-in both}
}
@keyframes brand-arrival{
  from{transform:translate3d(calc(100cqw + 213 * var(--u)),0,0);opacity:0}
  20%{opacity:.7}
  to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes glyph-wave{
  0%,18%,100%{opacity:1;filter:blur(0)}
  5.76%{opacity:0;filter:blur(calc(6 * var(--u)))}
  9.36%{opacity:.12;filter:blur(calc(5 * var(--u)))}
}
@keyframes menu-ink-in{
  from{opacity:0;filter:blur(3px);transform:translateY(10px)}
  to{opacity:1;filter:blur(0);transform:translateY(0)}
}
@keyframes menu-ink-out{
  to{opacity:0;filter:blur(2px);transform:translateY(-4px)}
}
.reach{position:absolute;display:block;left:14%;width:78%;height:7.5%;border-radius:3px}
.reach:hover{background:rgb(255 255 255/.09)}.reach:focus-visible{outline:2px solid white;outline-offset:0}
.menu-close{left:16.1%;top:3.65%;width:54.3%;height:7.8%;border-radius:32px}
.m1{top:18.8%}.m2{top:28.2%}.m3{top:37.5%}.m4{top:46.9%}.m5{top:56.2%}.m6{top:65.6%}
.mail{top:85%;height:6%}.phone{top:91%;height:6%}
.shop-panel{position:fixed;inset:0 0 0 auto;width:min(450px,95vw);max-width:none;height:100dvh;max-height:100dvh;margin:0;background:var(--paper);padding:28px;overflow-y:auto;box-shadow:-10px 0 50px #0001}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.panel-head h2{margin:0;font-size:30px;font-weight:600;line-height:1.16}
.dismiss{width:40px;height:40px;font-size:31px;line-height:1;border-radius:50%;background:#f6f3ed}
#query{width:100%;border:1px solid #d7d3cb;background:white;padding:12px;margin-bottom:12px;color:#141414}
.note{color:#555;margin:4px 0 20px}
.item{padding:16px 0;border-bottom:1px solid #e7e5df}
.item h3{font-size:17px;font-weight:600;line-height:1.25;margin:4px 0}
.item small{color:#656059;font-size:12px}.item strong{font-weight:600;font-size:15px}
.item-controls{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap}
.text-btn{font-size:14px;text-decoration:underline;text-underline-offset:3px}
.solid{display:inline-flex;align-items:center;justify-content:center;color:white;background:#976f31;padding:13px 20px;font-weight:600;margin:8px 0}
.help h3{font-size:18px;margin:18px 0 4px}.help p{margin:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}