:root{--green:#13261F;--green-lift:#1A3329;--brass:#C9A961;--cream:#F4F0E6;--paper:#F2EDE0;--ink-soft:#3D4A44;--brass-ink:#7A5D1E;--rule-green:rgba(201,169,97,.32);--rule-paper:#D3C9AE;--serif:'Cormorant Garamond','Iowan Old Style','Palatino Linotype',Georgia,serif;--sans:Inter,'Helvetica Neue',Arial,sans-serif;--name:Cinzel,'Trajan Pro',serif;--gutter:clamp(1.25rem,5vw,4.5rem);--band:clamp(4.5rem,11vw,9.5rem)} *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} body{margin:0;background:var(--green);color:var(--cream);font-family:var(--serif);font-size:clamp(1.19rem,1.05rem + .55vw,1.4rem);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} h1,h2,h3,p,dl,dt,dd,ol{margin:0} ol{padding:0;list-style:none} a{color:inherit;text-decoration-color:var(--brass);text-decoration-thickness:1px;text-underline-offset:.2em} a:hover{color:var(--brass)} :focus-visible{outline:2px solid var(--brass);outline-offset:4px} h1,h2{font-weight:500;line-height:1.06;letter-spacing:-.01em;text-wrap:balance} h1{font-size:clamp(2.5rem,1.2rem + 5.4vw,5.4rem)} h2{font-size:clamp(2rem,1.3rem + 2.6vw,3.3rem)} h3{font-size:1.3em;font-weight:500;line-height:1.2} p+p{margin-top:1.1em} .wrap{max-width:76rem;margin-inline:auto;padding-inline:var(--gutter)} .skip{position:absolute;left:-999px;top:0;background:var(--brass);color:var(--green);padding:.6rem 1rem;font-family:var(--sans);font-size:.84rem;z-index:3} .skip:focus{left:0} .top{position:absolute;inset:0 0 auto 0;z-index:2} .top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.6rem} .lockup{display:flex;align-items:center;gap:.8rem;color:var(--cream);text-decoration:none} .lockup:hover{color:var(--cream)} .lockup svg{width:1.75rem;height:auto;flex:none} .lockup-name{display:block;font-family:var(--name);font-weight:600;font-size:.95rem;line-height:1.1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap} .lockup-name i{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.3em;letter-spacing:0;text-transform:none;color:var(--brass);padding-inline:.06em} .lockup-label{display:block;margin-top:.35rem;font-family:var(--sans);font-weight:600;font-size:.5rem;letter-spacing:.36em;text-transform:uppercase;color:var(--brass)} .nav{display:flex;align-items:center;gap:2rem;font-family:var(--sans);font-size:.84rem} .nav a{text-decoration:none} .btn{display:inline-block;font-family:var(--sans);font-size:.84rem;font-weight:500;letter-spacing:.02em;line-height:1;padding:1em 1.5em;border:1px solid var(--brass);color:var(--cream);text-decoration:none;transition:background-color .2s,color .2s,border-color .2s} .btn:hover{background:var(--brass);color:var(--green)} .btn--solid{background:var(--brass);color:var(--green)} .btn--solid:hover{background:var(--cream);border-color:var(--cream);color:var(--green)} .quiet{font-family:var(--sans);font-size:.84rem} .hero{padding-top:clamp(7rem,14vw,10rem);padding-bottom:var(--band)} .card{position:relative;display:grid;place-items:center;aspect-ratio:2.39/1;padding:clamp(2rem,6vw,5rem)} .card h1{max-width:15em;text-align:center} .edge{position:absolute;background:var(--brass)} .edge.t{top:0;left:0;right:0;height:1px;transform-origin:left} .edge.r{top:0;right:0;bottom:0;width:1px;transform-origin:top} .edge.b{bottom:0;left:0;right:0;height:1px;transform-origin:right} .edge.l{top:0;left:0;bottom:0;width:1px;transform-origin:bottom} .hero-foot{display:grid;grid-template-columns:minmax(0,34rem) auto;justify-content:space-between;align-items:end;gap:2rem 4rem;margin-top:clamp(2rem,4vw,3.25rem)} .actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem} .band{padding-block:var(--band)} .band--lift{background:var(--green-lift)} .band--paper{background:var(--paper);color:var(--green)} .band--paper a{text-decoration-color:var(--brass-ink)} .band--paper a:hover{color:var(--brass-ink)} .split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem} .split>:first-child{grid-column:1/span 5} .split>:last-child{grid-column:7/span 6} .aside{margin-top:1.6em;padding-top:1.4em;border-top:1px solid var(--rule-green);font-style:italic;font-size:1.18em;line-height:1.35;color:var(--brass)} .band--paper .aside{border-color:var(--rule-paper);color:var(--brass-ink)} .soft{opacity:.86} .band--paper .soft{opacity:1;color:var(--ink-soft)} .rows{margin-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--rule-green)} .rows>div{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2rem;padding-block:1.6rem;border-bottom:1px solid var(--rule-green)} .rows dt{grid-column:1/span 4;font-size:1.3em;font-weight:500;line-height:1.2} .rows dd{grid-column:7/span 6;opacity:.86} .band--paper .rows,.band--paper .rows>div{border-color:var(--rule-paper)} .band--paper .rows dd{opacity:1;color:var(--ink-soft)} .rows--price dd{grid-column:5/span 5} .rows--price dd.price{grid-column:11/span 2;text-align:right;font-size:1.7em;line-height:1;opacity:1;color:var(--brass)} .steps{margin-top:clamp(2.5rem,5vw,4rem)} .steps li{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2rem;padding-block:1.7rem;border-top:1px solid var(--rule-green)} .steps li:last-child{border-bottom:1px solid var(--rule-green)} .steps .n{grid-column:1/span 1;font-size:1.3em;line-height:1.2;font-style:italic;color:var(--brass)} .steps h3{grid-column:2/span 4} .steps p{grid-column:7/span 6;opacity:.86} .keep{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem 2rem;align-items:center} .keep svg{grid-column:2/span 3;width:100%;max-width:13rem;height:auto} .keep div{grid-column:7/span 6} .keep h2,.close h2{margin-bottom:.6em} .close{text-align:center} .close .inner{max-width:34rem;margin-inline:auto} .close .btn{margin-top:2.2rem} .close .addr{margin-top:1.4rem;font-family:var(--sans);font-size:.84rem;opacity:.8} .phero .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem 2rem;align-items:center} .card--tall{grid-column:1/span 4;aspect-ratio:4/5;padding:2rem} .card--tall h1{font-size:clamp(2.2rem,1.4rem + 2.6vw,3.6rem)} .phero .text{grid-column:6/span 7} .lede{font-size:clamp(1.9rem,1.2rem + 2.6vw,3.2rem);font-weight:500;line-height:1.1;letter-spacing:-.01em;text-wrap:balance;margin-bottom:.7em} .phero .actions{margin-top:2rem} .note{margin-top:1.6rem;font-family:var(--sans);font-size:.84rem;opacity:.8} .foot{border-top:1px solid var(--rule-green);padding-block:2.5rem 3rem;font-family:var(--sans);font-size:.8rem} .foot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 3rem} .foot nav{display:flex;flex-wrap:wrap;gap:.75rem 2rem} .foot nav a{text-decoration:none} .foot small{flex-basis:100%;font-size:.74rem;opacity:.6} @media (prefers-reduced-motion:no-preference){.draw .edge.t{animation:x .7s cubic-bezier(.65,0,.35,1) .15s both} .draw .edge.r{animation:y .4s linear .85s both} .draw .edge.b{animation:x .7s cubic-bezier(.65,0,.35,1) 1.25s both} .draw .edge.l{animation:y .4s linear 1.95s both} .draw h1{animation:rise 1.1s ease 1s both} .after-draw{animation:rise 1s ease 1.9s both}} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} @keyframes x{from{transform:scaleX(0)}} @keyframes y{from{transform:scaleY(0)}} @keyframes rise{from{opacity:0;transform:translateY(8px)}} @media (max-width:860px){.nav a:not(.btn){display:none} .card{aspect-ratio:auto;min-height:58vh} .hero-foot{grid-template-columns:1fr} .split>:first-child,.split>:last-child{grid-column:1/-1} .rows dt,.rows dd,.rows--price dd,.rows--price dd.price{grid-column:1/-1} .rows dd{margin-top:.4rem} .rows--price dd.price{text-align:left;margin-top:.8rem} .steps .n{grid-column:1/span 2} .steps h3,.steps p{grid-column:3/-1} .steps p{margin-top:.4rem} .keep svg{grid-column:1/-1;max-width:5.5rem} .keep div{grid-column:1/-1} .card--tall{grid-column:1/-1;aspect-ratio:5/3;min-height:0} .phero .text{grid-column:1/-1}} @media (max-width:520px){.nav{display:none}}