:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{color:#121411;background:#b5c2af;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:3px}main{background:#b5c2af;width:100%;height:100svh;position:relative;overflow:hidden}.photo{object-fit:cover;object-position:center 54%;width:100%;height:100%}main:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff3,#0000 40%,#00000014),linear-gradient(#0000 72%,#ffffff4d);position:absolute;inset:0}.title{z-index:2;position:absolute;top:25px;left:27px}h1{letter-spacing:-.095em;margin:0;font-size:clamp(70px,13vw,180px);line-height:.72}.title p{margin:20px 0 0;font-size:20px}.measure{z-index:3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffffc7;width:min(290px,32vw);padding:18px;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.measure p{margin:0 0 14px;font-size:12px}.size-picker{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.size-picker button{-webkit-appearance:none;appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #12141157;border-radius:0;padding:8px 5px;font-size:10px}:is(.size-picker button:hover,.size-picker button:focus-visible){background:#ffffff8c;outline:none}.size-picker button.active{color:#fff;background:#171a15;border-color:#171a15}.measure strong{letter-spacing:-.04em;margin-top:13px;font-size:clamp(20px,2.5vw,32px);line-height:.95;display:block}.guide{border-top:2px solid #fff;border-bottom:2px solid #fff;width:28px;transition:height .18s;position:absolute;bottom:0;right:calc(100% + 22px)}.guide:before{content:"";border-left:2px solid #fff;position:absolute;top:0;bottom:0;left:50%}.guide-0{height:120px}.guide-1{height:66px}.guide-2{height:180px}.dock{z-index:3;flex-wrap:wrap;gap:12px;font-size:11px;display:flex;position:absolute;bottom:18px;left:22px;right:22px}.dock strong{overflow-wrap:anywhere;margin-right:auto}@media (max-width:680px){.photo{object-position:54% center}.title{top:18px;left:18px}h1{font-size:22vw}.title p{margin-top:13px;font-size:15px}.measure{width:min(270px,100vw - 36px);min-height:116px;padding-left:82px;top:auto;bottom:82px;right:18px;transform:none}.guide{border-color:#171a15;width:36px;max-height:76px;display:block;bottom:20px;left:22px;right:auto}.guide:before{border-color:#171a15}.guide-0{height:54px}.guide-1{height:34px}.guide-2{height:74px}.dock{gap:9px;bottom:14px;left:18px;right:18px}.dock strong{width:100%}}@media (prefers-reduced-motion:reduce){.guide{transition:none}}