:root{--margin:clamp(1rem, 2.2vw, 2rem);--gutter:clamp(.75rem, 1.4vw, 1.5rem);--section-gap:clamp(7.5rem, 4rem + 8vw, 14rem);--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .3vw, 1.25rem);--step-lead:clamp(1.25rem, 1.1rem + .6vw, 1.625rem);--step-head:clamp(2.5rem, 1.4rem + 3.6vw, 4.75rem);--step-display:clamp(8rem, 3rem + 15vw, 17rem);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--t-press:.14s;--t-hover:.18s}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.manual{z-index:1;background:var(--color-bg);position:relative}:where(.manual,.curtain) a{color:inherit;text-underline-offset:.2em;transition:text-decoration-color var(--t-hover) ease;text-decoration-line:underline;text-decoration-thickness:.07em}.manual p{text-wrap:pretty}.heading{font-family:var(--font-display);font-weight:800;font-size:var(--step-head);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;line-height:.9}.section{margin-top:var(--section-gap);padding-inline:var(--margin)}.button,.cell,.bar{background:var(--color-ink);min-height:44px;color:var(--color-bg);font-family:var(--font-text);font-size:var(--step-body);cursor:pointer;transition:transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease, color var(--t-hover) ease;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-weight:600;display:inline-flex;text-decoration:none!important}.button:active,.cell:active,.bar:active{transform:scale(.97)}.button-ink{background:var(--color-paper-ink);color:var(--color-paper)}@media (hover:hover) and (pointer:fine){:where(.manual,.curtain) a:hover{text-decoration-color:currentColor}.button:hover,.cell-ink:hover{background:#fbe89a}.button-ink:hover,.bar:hover{background:#0b2314}}.nav{padding:24px var(--margin) 0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.nav-mark{align-items:center;gap:12px;display:flex;text-decoration:none!important}.nav-logo{width:36px;height:36px}.nav-name{font-family:var(--font-display);font-weight:800;font-size:var(--step-lead);letter-spacing:-.01em;text-transform:uppercase}.nav-links{font-size:var(--step-body);gap:32px;display:flex}.nav-links a{text-decoration-color:#0000}.nav-action{grid-column:3;justify-self:end}.cover{column-gap:var(--gutter);padding:clamp(72px, 10vh, 120px) var(--margin) 0;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;overflow-x:clip}.cover-card{aspect-ratio:5/7;background:var(--color-ink);color:var(--color-accent-ink);text-align:center;grid-area:1/4/auto/10;padding:56px;position:relative}.cover-margin{color:var(--color-ink);grid-row:1;align-self:start;row-gap:40px;padding-top:clamp(80px,9vw,140px);display:grid}.cover-margin-left{text-align:right;grid-column:1/4;justify-self:end;padding-right:clamp(16px,2vw,40px)}.cover-margin-right{grid-column:10/13;justify-self:start;padding-left:clamp(16px,2vw,40px)}.cover-margin dt{font-size:var(--step-small);color:var(--color-muted)}.cover-margin dd{font-size:var(--step-body);margin-top:6px;line-height:1.3}.cover-margin .margin-figure{font-family:var(--font-display);font-size:clamp(1.75rem,1rem + 1.6vw,2.75rem);font-weight:800;line-height:1}.corner{background:var(--color-bg);border-radius:50%;width:56px;height:56px;position:absolute}.corner-tl{top:-28px;left:-28px}.corner-tr{top:-28px;right:-28px}.corner-bl{bottom:-28px;left:-28px}.corner-br{bottom:-28px;right:-28px}.cover-title{font-family:var(--font-display);font-weight:800;font-size:var(--step-head);letter-spacing:-.01em;text-transform:uppercase;flex-direction:column;line-height:.86;display:flex}.cover-title span:first-child{transform:translate(-.45em)}.cover-title span:last-child{transform:translate(.45em)}.cover-line{max-width:30ch;font-size:var(--step-lead);margin:36px auto 0;line-height:1.35}.cover-details{font-size:var(--step-small);flex-wrap:wrap;justify-content:center;align-items:center;margin-top:24px;display:flex}@media (min-width:901px){.cover-details{display:none}}.cover-details li+li:before{content:"";background:currentColor;width:9px;height:9px;margin:0 14px;display:inline-block;transform:translateY(-1px)rotate(45deg)}.cover-plate{margin:40px 0 0}.cover-plate video,.cover-plate img{aspect-ratio:1000/640;object-fit:cover;background:#133621;width:100%;height:auto;display:block}.cover-plate figcaption,.how-row figcaption{font-size:var(--step-small);margin-top:10px;line-height:1.4}.cover-contents{margin-top:56px}.cover-contents h2{font-family:var(--font-display);font-weight:800;font-size:var(--step-lead);text-transform:uppercase}.cover-contents ul{font-size:var(--step-body);flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:16px;display:flex}.showcase{background:var(--color-surface);padding-block:clamp(48px,6vw,96px)}.try{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.try-plate{grid-area:1/1/auto/9;align-self:center;position:relative}.try-text{padding-left:calc(var(--gutter) * 2);flex-direction:column;grid-area:1/9/auto/13;justify-content:space-between;gap:28px;display:flex}.try-tabs{font-size:var(--step-body);flex-wrap:wrap;gap:8px 28px;display:flex}.try-tabs button{color:#c2b46a;cursor:pointer;text-underline-offset:.35em;transition:color var(--t-hover) ease;padding:6px 0;text-decoration-thickness:2px}.try-tabs button[aria-pressed=true]{color:var(--color-ink);text-decoration-line:underline}.try-copy{max-width:34ch;font-size:var(--step-body);margin-top:24px}.try-link{color:var(--color-ink);text-underline-offset:.2em;cursor:pointer;text-decoration-line:underline;text-decoration-thickness:.07em}.try-alert{color:#f0a37f}.try-cells{grid-template-columns:1fr 1fr;gap:8px;display:grid}.try-cells .cell{white-space:nowrap;padding-inline:14px}@media (max-width:1279px){.try-cells{grid-template-columns:1fr}}.cell{background:var(--color-bg);min-height:72px;color:var(--color-ink)}.cell-ink{background:var(--color-ink);color:var(--color-bg)}.cell:disabled{opacity:.6;cursor:default}@media (hover:hover) and (pointer:fine){.try-tabs button:hover{color:var(--color-ink)}.cell:not(.cell-ink):hover{background:var(--color-deep)}}.try-dialog{background:var(--color-paper);width:min(26rem,100vw - 2rem);color:var(--color-paper-ink);margin:auto;padding:32px}.try-dialog::backdrop{background:#0a160eb3}.try-dialog h2{font-family:var(--font-display);font-weight:800;font-size:var(--step-lead);text-transform:uppercase}.try-dialog p{font-size:var(--step-body);margin-top:8px}.try-dialog-actions{flex-direction:column;gap:8px;margin-top:24px;display:flex}.try-dialog .cell{background:var(--color-paper-ink);min-height:52px;color:var(--color-paper)}.try-dialog .cell-ink{background:var(--color-paper-ink)}.try-dialog .cell:not(.cell-ink){color:var(--color-paper-ink);background:#d9d1b4}.try-dialog .try-link{min-height:44px;color:var(--color-paper-ink)}.features{padding-inline:0}.features-heading{padding-inline:var(--margin);margin-bottom:48px}.sheet{top:calc(var(--i) * 72px);column-gap:var(--gutter);height:max(32rem, calc(100svh - var(--i) * 72px));padding-inline:var(--margin);border-radius:28px 28px 0 0;grid-template-rows:72px minmax(0,1fr);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:sticky}.field-gold{background:var(--color-ink);color:var(--color-accent-ink)}.field-surface{background:var(--color-surface);color:var(--color-ink)}.field-deep{background:var(--color-deep);color:var(--color-ink)}.sheet-name{font-family:var(--font-display);font-weight:800;font-size:var(--step-lead);text-transform:uppercase;grid-area:1/1/auto/7;align-self:center;line-height:1}.sheet-text{max-width:40ch;font-size:var(--step-body);grid-area:2/1/auto/6;align-self:start;padding:32px 0 56px;line-height:1.55}.sheet-picture{grid-area:2/7/auto/13;justify-content:flex-end;align-items:flex-start;min-height:0;padding-bottom:56px;display:flex}.sheet-picture img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.price{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.price-words{flex-direction:column;grid-column:1/7;justify-content:space-between;gap:64px;display:flex}.price-note{max-width:34ch;font-size:var(--step-body);margin-top:24px}.total-figure{font-family:var(--font-display);font-weight:800;font-size:var(--step-display);letter-spacing:-.03em;line-height:.8}.total-caption{font-size:var(--step-body);margin-top:16px}.slip{background:var(--color-paper);color:var(--color-paper-ink);font-size:var(--step-small);font-variant-numeric:tabular-nums;grid-column:8/12;align-self:start;padding:36px 36px 64px}.slip-head{font-family:var(--font-display);font-weight:800;font-size:var(--step-lead);text-transform:uppercase;justify-content:space-between;margin-bottom:24px;display:flex}.slip-group+.slip-group{margin-top:20px}.slip-group-name{font-weight:600}.slip li{align-items:baseline;gap:8px;margin-top:6px;display:flex}.slip-leader{border-bottom:4px dotted #13362173;flex:1;min-width:16px;transform:translateY(-4px)}.slip-total{background:var(--color-paper-ink);color:var(--color-paper);font-size:var(--step-body);justify-content:space-between;margin-top:24px;padding:12px 14px;font-weight:600;display:flex}.how-head{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.how-head .heading{grid-column:1/7}.how-intro{max-width:40ch;font-size:var(--step-body);grid-column:7/12}.how-controls{justify-content:flex-end;gap:8px;margin-top:40px;display:flex}.how-step{background:var(--color-ink);width:48px;height:48px;color:var(--color-bg);cursor:pointer;transition:transform var(--t-press) var(--ease-out), opacity var(--t-hover) ease;place-items:center;display:grid}.how-step svg{width:22px;height:22px}.how-step:active{transform:scale(.95)}.how-step:disabled{opacity:.35;cursor:default}.how-progress{background:var(--color-surface);height:6px;margin-top:16px}.how-progress span{background:var(--color-ink);transform-origin:0;height:100%;transition:transform .2s linear;display:block}.how-row{margin:48px calc(-1 * var(--margin)) 0;padding:0 var(--margin) 8px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--margin);scrollbar-width:none;grid-template-rows:auto auto auto;grid-auto-columns:280px;grid-auto-flow:column;column-gap:32px;display:grid;overflow-x:auto}.how-row::-webkit-scrollbar{display:none}.how-row li{grid-row:span 3;grid-template-rows:subgrid;scroll-snap-align:start;display:grid}.how-row h3{font-size:var(--step-body);font-weight:600;line-height:1.3}.how-row p{color:var(--color-muted);font-size:var(--step-small);margin-top:8px;line-height:1.5}.how-row figure{margin:calc(var(--gap) * 1px) 0 0}.how-row img{width:100%;height:auto;display:block}.maker{padding:112px var(--margin);background:var(--color-deep);place-items:center;margin-inline:0;display:grid}.letter{background:var(--color-paper);width:min(640px,100%);color:var(--color-paper-ink);font-size:var(--step-body);padding:60px 60px 0;line-height:1.55;position:relative}.letter-mark{width:48px;height:48px;margin-bottom:28px}.letter p+p{margin-top:1em}.letter-goal{font-size:var(--step-small);font-weight:600}.letter-bar{background:#d9d1b4;height:6px;margin-top:8px;display:block}.letter-bar span{background:var(--color-paper-ink);transform-origin:0;height:100%;display:block}.letter-sign{font-size:var(--step-lead);font-style:italic;margin-top:32px!important}.letter-sign span{font-size:var(--step-small);font-style:normal;display:block}.letter-strip{border-top:5px dotted #13362173;justify-content:space-between;align-items:center;gap:16px;min-height:72px;margin:48px -60px 0;padding:18px 60px 40px;display:flex}.scallops{pointer-events:none;justify-content:space-around;display:flex;position:absolute;left:0;right:0}.scallops span{background:var(--color-deep);border-radius:50%;width:22px;height:22px}.scallops-bottom{bottom:-11px}.scallops-top{top:-11px}.back .scallops span{background:var(--color-bg);width:44px;height:44px}.back .scallops-top{top:-22px}.questions{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.questions .heading{grid-column:1/5}.answers{columns:2;font-size:var(--step-body);grid-column:5/13;column-gap:56px;line-height:1.55}.answers p{break-inside:avoid;margin-bottom:20px}.answers b{font-weight:600}.install{padding-inline:var(--margin);column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));min-height:80svh;padding-top:120px;display:grid;position:relative;overflow:hidden}.install-note{font-size:var(--step-lead);grid-column:1/5;align-self:end;margin-bottom:64px;line-height:1.4}.reply-card{background:var(--color-paper);width:min(44vw,100%);color:var(--color-paper-ink);text-align:center;grid-column:6/13;place-self:end center;margin-bottom:-60px;padding:48px 48px 108px;rotate:2deg}.reply-card p{max-width:40ch;font-size:var(--step-body);margin:20px auto 32px}.bar{background:var(--color-paper-ink);width:100%;min-height:56px;color:var(--color-paper);margin-top:8px;display:flex}.reply-link{font-size:var(--step-body);margin-top:20px;display:inline-block}.curtain{margin-top:var(--section-gap);position:relative}.curtain .install{z-index:1;margin-top:0}.back{z-index:0;padding:96px var(--margin) 40px;background:var(--color-bg);position:sticky;bottom:0}.back-card{background:var(--color-paper);width:min(100%,1180px);color:var(--color-paper-ink);grid-template-columns:1fr 1fr;gap:48px;margin:0 auto;padding:72px 64px 32px;display:grid;position:relative}.back-title{font-family:var(--font-display);font-weight:800;font-size:var(--step-head);text-transform:uppercase;line-height:.9}.back-message p+p{max-width:28ch;font-size:var(--step-body);margin-top:16px}.back-address{font-size:var(--step-body);flex-direction:column;align-items:flex-start;gap:12px;padding-top:8px;display:flex;position:relative}.stamp{background:var(--color-paper);border:4px dotted #13362173;width:96px;margin:0;padding:6px;position:absolute;top:0;right:0}.stamp img{object-fit:cover;width:100%;height:112px;display:block}.back-imprint{font-size:var(--step-small);text-align:center;grid-column:1/-1;margin-top:24px;line-height:1.5}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:no-preference){.js [data-rise]{animation:rise .8s var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms + .12s)}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-expo);transform:translateY(24px)}.js [data-reveal].is-in{opacity:1;transform:none}.js .price-total[data-reveal]{transition-delay:90ms}.js .slip[data-reveal]{transition-delay:.16s}.js [data-under]{opacity:0;transition:opacity .6s var(--ease-out)}.js [data-under].is-in{opacity:1}}@media (max-width:900px){.nav-links{display:none}.cover{padding-top:40px}.cover-margin{display:none}.cover-card{aspect-ratio:auto;grid-column:1/-1;padding:40px 20px 56px}.try{grid-template-columns:minmax(0,1fr);row-gap:32px}.try-plate,.try-text{grid-area:auto/1}.try-text{gap:28px;padding-left:0}.try-cells{grid-template-columns:1fr}.cell{min-height:60px}.sheet{top:calc(var(--i) * 52px);border-radius:20px 20px 0 0;grid-template-rows:52px auto auto;height:auto;min-height:70svh}.sheet-name{grid-column:1/-1;font-size:22px}.sheet-picture{grid-area:2/1/auto/-1;justify-content:center;padding-bottom:0}.sheet-picture img{max-height:60svh}.sheet-text{font-size:var(--step-body);grid-area:3/1/auto/-1;padding:20px 0 32px}.price-words,.slip{grid-column:1/-1}.total-figure{font-size:40vw}.slip{margin-top:48px}.how-head .heading,.how-intro{grid-column:1/-1}.how-intro{margin-top:20px}.how-controls{display:none}.how-row figure{margin-top:calc(var(--gap) * .6px)}.maker{padding:96px 0}.letter{padding:40px 24px 0}.letter-strip{flex-direction:column;align-items:stretch;margin-inline:-24px;padding-inline:24px}.questions .heading,.answers{grid-column:1/-1}.answers{columns:1;margin-top:32px}.install{padding-top:72px}.install-note,.reply-card{grid-column:1/-1}.reply-card{width:90%;margin-top:32px;padding:36px 24px 96px;rotate:1deg}.back-card{grid-template-columns:1fr;padding:56px 24px 24px}}@media (max-width:600px){.how-row{grid-auto-columns:72vw;column-gap:16px}.how-row figure{margin-top:calc(var(--gap) * .4px)}}
