@font-face{font-family:Howell House Display;src:url(/site/howell/fonts/HowellHouseDisplay-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Howell House Display;src:url(/site/howell/fonts/HowellHouseDisplay-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Howell House Display;src:url(/site/howell/fonts/HowellHouseDisplay-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Howell House Display;src:url(/site/howell/fonts/HowellHouseDisplay-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Mars Extended;src:url(/site/howell/fonts/Mars-Extended.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.hh{--cotton:#f9f0e7;--cream:#f9ebdc;--ember:#d3725a;--ember-deep:#c96145;--brick:#914532;--water:#536774;--water-deep:#455d6c;--navy:#3d4c56;--footer:#4a5c68;--wheat:#e1bc89;--grass:#909457;--olive:#66693e;--sky:#c1cacd;--sky-band:#a9c4cb;--ink:#2f3b43;--ink-soft:#4a5c68;--display:"lust-didone", "Howell House Display", "Iowan Old Style", Palatino, Georgia, serif;--wide:"Mars Extended", "Helvetica Neue", Arial, sans-serif;--sans:"Mars Extended", "Helvetica Neue", Arial, sans-serif;--header-h:72px;--linen:url(/site/howell/img/linen.webp);--plaid:url(/site/howell/img/plaid.webp);--stars:url(/site/howell/img/stars.webp);--radius:20px;--gutter:clamp(16px, 3vw, 40px);--max:1360px;background:var(--cotton);color:var(--ink);font-family:var(--sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.7}.hh *,.hh :before,.hh :after{box-sizing:border-box}.hh a{color:inherit;text-decoration:none}.hh img{max-width:100%;height:auto;display:block}.hh p{text-wrap:pretty;margin:0}.hh h1,.hh h2,.hh h3{font-family:var(--display);text-wrap:balance;letter-spacing:0;margin:0;font-weight:400;line-height:1.02}.hh button{font:inherit}.hh :focus{outline:none}.hh :focus-visible{outline:2px solid var(--ember);outline-offset:3px}.hh .btn,.hh .panel,.hh .panel:after,.hh .room .pic,.hh .product .tile,.hh .product .tile .in,.hh .place,.hh .facts-strip div,.hh .tour .slot{corner-shape:scoop}.hh .kicker{font-family:var(--wide);letter-spacing:.3em;text-transform:uppercase;font-size:.66rem}.hh .caps{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:400}.hh .serif-line{font-family:var(--display);letter-spacing:.02em;font-size:1.05rem;font-weight:400}.hh .ital{font-family:var(--display);font-style:italic;font-weight:700}.hh .serif-line{font-weight:400}.hh .display-xl{font-size:clamp(2.3rem,4.6vw,4.2rem)}.hh .display-l{font-size:clamp(2rem,3.6vw,3.3rem)}.hh .display-m{font-size:clamp(1.5rem,2.4vw,2.2rem)}.hh .lede{font-size:.95rem;line-height:1.8}.hh .btn{min-height:40px;font-family:var(--wide);letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;color:inherit;cursor:pointer;background:0 0;border:1.5px solid;border-radius:8px;justify-content:center;align-items:center;gap:.5em;padding:.6em 1.4em;font-size:.6rem;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.hh .btn-ember{background:var(--ember-deep);border-color:var(--ember-deep);color:var(--cotton)}.hh .btn-ember:hover{background:#b8583d;border-color:#b8583d}.hh .btn-water{background:var(--water);border-color:var(--water);color:var(--cotton)}.hh .btn-water:hover{background:#46596a;border-color:#46596a}.hh .btn-cotton{background:var(--cotton);border-color:var(--cotton);color:var(--water)}.hh .btn-cotton:hover{background:#eee1d3;border-color:#eee1d3}.hh .btn-grass{background:var(--grass);border-color:var(--grass);color:var(--cotton)}.hh .btn-grass:hover{background:#7e824a;border-color:#7e824a}.hh .btn-ghost-cotton{border-color:var(--ember);color:var(--cotton)}.hh .btn-ghost-cotton:hover{background:#f9f0e71a;border-color:#b8583d}.hh .panel{border-radius:var(--radius);isolation:isolate;padding:clamp(28px,4vw,56px);position:relative}.hh .panel:after{content:"";border:2px solid var(--frame,#f9f0e78c);border-radius:calc(var(--radius) - 8px);pointer-events:none;position:absolute;inset:12px}.hh .panel-brick{background:var(--brick);color:var(--cotton);--frame:#d3725ae6}.hh .panel-navy{background:var(--navy);color:var(--cotton);--frame:#f9f0e7b3}.hh .panel-olive{background:var(--olive);color:var(--cotton);--frame:#d3725ae6}.hh .panel-sky{color:var(--navy);--frame:var(--cotton);background:0 0}.hh .panel-cotton{background:var(--cotton);color:var(--navy);--frame:var(--water)}.hh .textured,.hh .panel.textured{background-blend-mode:multiply;background-size:560px;background-image:var(--linen)!important}.hh-header{z-index:50;background:var(--cream);--nav:var(--ember);--nav-hover:var(--navy);border-bottom:1px solid #53677426;position:sticky;top:0}.hh-header[data-tone=water]{background:var(--water);--nav:var(--cotton);--nav-hover:var(--wheat);border-bottom-color:#0000}.hh-header .bar{max-width:var(--max);padding:14px var(--gutter);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo nav right";align-items:center;gap:24px;margin:0 auto;display:grid}.hh-header .logo{grid-area:logo}.hh-header .logo img{width:auto;height:26px}.hh-header nav{white-space:nowrap;grid-area:nav;justify-content:center;gap:clamp(14px,1.8vw,28px);display:flex}.hh-header nav a{font-family:var(--wide);letter-spacing:.2em;text-transform:uppercase;color:var(--nav);padding:6px 0;font-size:.62rem;transition:color .15s}.hh-header nav a:hover{color:var(--nav-hover)}.hh-header .right{grid-area:right;justify-self:end;align-items:center;gap:10px;display:flex}.hh-header .menu-toggle{border:1.5px solid var(--nav);corner-shape:scoop;width:42px;height:40px;color:var(--nav);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;display:none}.hh-header .menu-toggle:hover{color:var(--nav-hover);border-color:var(--nav-hover)}.hh-header .book-m{display:none}@media (max-width:1180px){.hh-header .bar{grid-template-columns:1fr auto;grid-template-areas:"logo right""nav nav";row-gap:0}.hh-header nav{display:none}.hh-header .menu-toggle{display:inline-flex}.hh-header .bar.open nav{white-space:normal;border-top:1px solid #80808040;flex-direction:column;align-items:flex-start;gap:2px;margin-top:14px;padding-top:10px;display:flex}.hh-header .bar.open nav a{letter-spacing:.22em;padding:12px 0;font-size:.78rem}.hh-header .bar.open nav a.btn{letter-spacing:.26em;padding:.6em 1.4em;font-size:.6rem}}@media (max-width:640px){.hh-header .book{display:none}.hh-header .bar.open .book-m{margin:14px 0 6px;display:inline-flex}}.hh-hero{background:var(--water-deep);grid-template-columns:1fr 1fr;min-height:min(78vh,760px);display:grid}.hh-hero .text{background:var(--water-deep) var(--linen) center / 560px;background-blend-mode:multiply;place-items:center;min-width:0;padding:clamp(20px,3vw,40px);display:grid}.hh-hero .text .panel{width:100%;max-width:600px}.hh-hero h1{margin-bottom:1rem;font-size:clamp(2.1rem,3.9vw,3.5rem)}.hh-hero .lede{max-width:46ch;font-size:.95rem;line-height:1.75}.hh-hero .art{min-height:360px;position:relative}.hh-hero .art img{object-fit:cover;object-position:50% 100%;width:100%;height:100%;position:absolute;inset:0}@media (max-width:860px){.hh-hero{grid-template-columns:1fr}.hh-hero .art{order:-1;min-height:70vw}}.hh .bookbar{flex-wrap:wrap;gap:8px;margin-top:1.4rem;display:flex}.hh .bookbar label{min-height:36px;color:var(--cotton);font-family:var(--wide);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;background:#f9f0e72e;border:1px solid #f9f0e773;border-radius:6px;align-items:center;padding:0 12px;font-size:.58rem;display:inline-flex;position:relative}.hh .bookbar label input,.hh .bookbar label select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.hh .bookbar label[data-filled="1"]{background:var(--cotton);color:var(--brick);border-color:var(--cotton)}.hh .bookbar .btn{min-height:36px;padding-inline:1.1em}.hh .bookbar-light label{color:var(--water);background:#53677414;border-color:#53677473}.hh .bookbar-light label[data-filled="1"]{background:var(--water);color:var(--cotton)}.hh-chapter{padding:clamp(28px, 4vw, 56px) var(--gutter)}.hh-chapter.plaid{background:var(--plaid) center / 640px repeat}.hh-chapter.stars{background:#e6cfae var(--stars) top left / 72px auto repeat}.hh-chapter .panel{max-width:var(--max);margin:0 auto}.hh-chapter .grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.hh .ornament{width:44px;height:22px;margin:10px 0 14px;display:block}.hh .center{text-align:center}.hh .center .ornament,.hh .center .actions{justify-content:center;margin-left:auto;margin-right:auto}.hh .pre{white-space:pre-line}.hh-chapter .kicker{color:var(--ember)}.hh-chapter .lines{margin-top:1rem;font-size:.95rem;line-height:1.7}.hh-chapter .facts{font-family:var(--display);letter-spacing:.02em;margin-top:1.4rem;font-size:.95rem}.hh-chapter .facts span{white-space:nowrap;display:inline-block}.hh-chapter .facts span+span:before{content:"  /  ";white-space:pre;opacity:.7}.hh-chapter .actions{flex-wrap:wrap;gap:10px;margin-top:1.6rem;display:flex}.hh-chapter.text-center .text{text-align:center}.hh-chapter.text-center .ornament{margin-left:auto;margin-right:auto}.hh-chapter.text-center .actions{justify-content:center}.hh .tour{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hh .tour .slot{aspect-ratio:1/3;background:#f9f0e71f;border:1px solid #f9f0e766;border-radius:6px;overflow:hidden}.hh .tour .slot img{object-fit:cover;width:100%;height:100%}@media (max-width:860px){.hh-chapter .grid{grid-template-columns:1fr}.hh .tour .slot{aspect-ratio:2/3}}.hh-two{grid-template-columns:1fr 1fr;display:grid}.hh-two .art img{object-fit:cover;width:100%;height:100%;min-height:420px}.hh-two .side{background:#e6cfae var(--stars) top left / 72px auto repeat;padding:clamp(24px, 4vw, 56px) var(--gutter);align-items:center;display:grid}.hh-two .panel{max-width:640px}@media (max-width:860px){.hh-two{grid-template-columns:1fr}.hh-two .art img{min-height:60vw}}.hh-shop{background:var(--cotton);padding:clamp(40px, 6vw, 80px) var(--gutter);text-align:center}.hh .rule-label{max-width:var(--max);color:var(--water);grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:0 auto;display:grid}.hh .rule-label:before,.hh .rule-label:after{content:"";border-top:1.5px solid var(--water);border-bottom:1.5px solid var(--water);height:5px}.hh-shop h2{color:var(--navy);margin:1.4rem auto 2rem}.hh .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,48px);max-width:1040px;margin:0 auto;display:grid}.hh .product .tile{aspect-ratio:1;background:var(--water);border-radius:12px;padding:10px;position:relative}.hh .product .tile .in{background:var(--cotton);border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.hh .product .tile .in:after{content:"";border:1.5px solid var(--ember);pointer-events:none;opacity:0;border-radius:4px;position:absolute;inset:0}.hh .product .tile img{object-fit:cover;width:100%;height:100%}.hh .product .name{font-family:var(--wide);letter-spacing:.16em;text-transform:uppercase;color:var(--navy);margin-top:14px;font-size:.7rem}.hh .product .price{font-family:var(--display);color:var(--ink-soft);margin-top:4px;font-size:.95rem}.hh .products .product{justify-self:center;width:100%;max-width:320px}@media (max-width:700px){.hh .products{grid-template-columns:repeat(2,1fr)}.hh .products .product:nth-child(odd):last-child{grid-column:1/-1;justify-self:center;max-width:50%}}.hh-band{background:var(--sky-band) var(--linen) center / 560px;background-blend-mode:multiply;padding:clamp(28px, 4vw, 44px) var(--gutter);position:relative;overflow:hidden}.hh-band .wrap{max-width:var(--max);margin:0 auto}.hh-band .panel{text-align:center;place-items:center;width:78%;min-height:260px;margin:0 auto;display:grid}.hh-band .panel:after{border-color:var(--cotton)}.hh-band .wolf{pointer-events:none;opacity:.92;width:auto;height:124%;position:absolute;bottom:-8%;right:-1%}.hh-band .kicker{color:var(--navy);letter-spacing:.4em;font-size:1rem}.hh-band .ital{color:var(--navy);margin:.7rem 0 1.3rem;font-size:clamp(1.3rem,2.2vw,1.8rem)}@media (max-width:860px){.hh-band .wolf{opacity:.35;height:80%}.hh-band .panel{width:100%}}.hh-footer{background:var(--footer);color:var(--cotton);padding:clamp(24px, 3vw, 36px) var(--gutter) 10px}.hh-footer .panel{max-width:var(--max);text-align:center;--frame:#f9f0e7cc;margin:0 auto;padding:clamp(32px,4vw,56px) clamp(20px,4vw,56px) 20px}.hh-footer .letters{font-family:var(--wide);letter-spacing:.36em;text-transform:uppercase;font-size:.95rem}.hh-footer .signup{justify-content:center;gap:0;max-width:560px;margin:18px auto 0;display:flex}.hh-footer .signup input{border:1px solid var(--cotton);min-width:0;height:40px;color:var(--cotton);font-family:var(--wide);letter-spacing:.22em;text-transform:uppercase;background:0 0;border-radius:4px 0 0 4px;flex:1;padding:0 14px;font-size:.6rem}.hh-footer .signup input::placeholder{color:#f9f0e7bf}.hh-footer .signup button{border:1px solid var(--cotton);background:var(--cotton);height:40px;color:var(--water);font-family:var(--wide);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;border-left:0;border-radius:0 4px 4px 0;padding:0 20px;font-size:.58rem}.hh-footer .signup-ok{font-family:var(--display);margin-top:18px;font-size:1.1rem;font-style:italic}.hh-footer nav{flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:26px;display:flex}.hh-footer nav a{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}.hh-footer .marks{justify-items:center;margin-top:22px;display:grid;position:relative}.hh-footer .marks .script{z-index:1;width:min(300px,60vw);position:relative}.hh-footer .marks .house{opacity:.95;width:min(180px,40vw);margin-top:-34px}.hh-footer .fine{max-width:var(--max);font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;opacity:.9;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:12px auto 0;font-size:.62rem;display:grid}.hh-footer .fine .mid{justify-self:center}.hh-footer .fine .end{text-align:right;justify-self:end}.hh-footer .ig{width:36px;height:36px;color:var(--cotton);place-items:center;display:inline-grid}.hh-footer .ig:hover{color:var(--wheat)}@media (max-width:640px){.hh-footer .fine{text-align:center;grid-template-columns:1fr}.hh-footer .fine .end{text-align:center;justify-self:center}}.hh-title{text-align:center;padding:0 var(--gutter);position:relative}.hh-title h1{--chars:5;font-size:min(13rem, 14.5vw, calc(122vw / var(--chars)));letter-spacing:-.02em;color:var(--water);text-transform:uppercase;margin-top:-.2em;line-height:.82}.hh-title .rule{max-width:var(--max);border-top:2px solid var(--water);border-bottom:2px solid var(--water);height:7px;margin:.28em auto 0}.hh-wrap{max-width:var(--max);padding:clamp(32px, 5vw, 72px) var(--gutter);margin:0 auto}.hh-wrap.narrow{max-width:860px}.hh .floor{margin:0 0 1rem}.hh .room-section+.room-section{margin-top:3rem}.hh .rooms{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);display:grid}.hh .room .pic{aspect-ratio:1/.9;border:2px solid var(--ember);background:var(--cotton);border-radius:12px;overflow:hidden}.hh .room .pic img{object-fit:cover;width:100%;height:100%}.hh .room h3{color:var(--water);text-align:center;margin-top:12px;font-size:1.1rem}.hh .room .bed{text-align:center;color:var(--ink-soft);margin-top:2px;font-size:.78rem}.hh .room .blurb{text-align:center;margin-top:8px;font-size:.85rem;line-height:1.6}@media (max-width:760px){.hh .rooms{grid-template-columns:repeat(2,1fr)}.hh .rooms .room:nth-child(odd):last-child{grid-column:1/-1;justify-self:center;max-width:50%}}@media (max-width:460px){.hh .rooms{grid-template-columns:1fr}.hh .rooms .room:nth-child(odd):last-child{max-width:none}}.hh .prose{max-width:62ch;font-size:1rem;line-height:1.8}.hh .prose p+p{margin-top:1em}.hh .prose h2{margin:2.6rem 0 .9rem}.hh .prose h2,.hh .floor,.hh .red-title{font-family:"latienne-pro", var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--brick);font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:700;line-height:1.2}.hh .prose ul.notes{margin:0;padding:0;list-style:none}.hh .prose ul.notes li{padding-left:1.1em;position:relative}.hh .prose ul.notes li:before{content:"·";color:var(--ember);font-weight:700;position:absolute;left:0}.hh .prose>:first-child,.hh .prose>:first-child>h2:first-child{margin-top:0}.hh .split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.hh .split .art img{border-radius:var(--radius)}@media (max-width:860px){.hh .split{grid-template-columns:1fr}}.hh .facts-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:2rem;display:grid}.hh .facts-strip div{border:2px solid var(--water);text-align:center;border-radius:12px;padding:26px 16px 22px}.hh .facts-strip b{font-family:var(--display);color:var(--brick);font-size:clamp(3rem,6vw,4.5rem);line-height:.95;display:block}.hh .facts-strip span{font-family:var(--wide);letter-spacing:.24em;text-transform:uppercase;color:var(--water);margin-top:10px;font-size:.6rem;display:block}@media (max-width:420px){.hh .facts-strip{grid-template-columns:1fr}}.hh .amenities{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:2rem;display:grid}.hh .amenities section{border-top:1.5px solid var(--water);padding-top:12px}.hh .amenities h3{color:var(--water);margin-bottom:8px;font-size:1.05rem}.hh .amenities ul{margin:0;padding:0;font-size:.88rem;line-height:1.7;list-style:none}.hh .guide-nav{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:1.4rem;display:flex}.hh .guide-nav a{border:1.5px solid var(--water);color:var(--water);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:.74rem}.hh .guide-nav a:hover{background:var(--water);color:var(--cotton)}.hh .places{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:1.2rem;display:grid}.hh .place{border:2px solid var(--ember);background:var(--cotton);border-radius:12px;flex-direction:column;padding:16px 18px;display:flex}.hh .place h3{font-family:"latienne-pro", var(--display);color:var(--brick);font-size:1.2rem;font-weight:700}.hh .place .go{margin-top:auto;padding-top:14px}.hh .place .go .btn{color:var(--ember);border-color:var(--ember);min-height:32px;padding:.45em 1.1em}.hh .place .go .btn:hover{background:var(--ember);color:var(--cotton)}.hh .place .where{font-family:var(--wide);letter-spacing:.22em;text-transform:uppercase;color:var(--water);margin-top:4px;font-size:.54rem}.hh .place p{margin-top:8px;font-size:.86rem;line-height:1.6}.hh .guide-section{padding-top:2.4rem}.hh .guide-section h2{color:var(--water);font-size:clamp(1.8rem,3vw,2.6rem)}.hh .guide-section .kicker{color:var(--ember);margin-top:6px;display:block}.hh .form{gap:14px;max-width:560px;display:grid}.hh .form label{font-family:var(--wide);letter-spacing:.22em;text-transform:uppercase;color:var(--water);gap:6px;font-size:.56rem;display:grid}.hh .form input,.hh .form textarea{border:1.5px solid var(--water);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:6px;padding:10px 12px;font-size:.95rem}.hh .form textarea{resize:vertical;min-height:140px}.hh .form .ok{font-family:var(--display);color:var(--brick);font-size:1.2rem;font-style:italic}.hh .form .err{color:var(--brick);font-size:.85rem}.hh .contact-side dl{gap:18px;margin:0;display:grid}.hh .contact-side dt{font-family:var(--wide);letter-spacing:.22em;text-transform:uppercase;color:var(--water);font-size:.56rem}.hh .contact-side dd{margin:4px 0 0;font-size:.95rem}.hh .listing-links{flex-wrap:wrap;gap:10px;margin-top:1.2rem;display:flex}.hh .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hh-letter{min-height:100vh;padding:clamp(16px, 4vw, 48px) var(--gutter) 40px;background:var(--cotton) var(--linen) center / 560px;background-blend-mode:multiply}.hh-letter .sheet{border:2px solid var(--ember);border-radius:var(--radius);corner-shape:scoop;background:#fffcf8;max-width:760px;margin:0 auto;padding:clamp(28px,6vw,64px) clamp(20px,6vw,72px);position:relative;box-shadow:0 20px 50px -30px #3d4c5673}.hh-letter .stamp{opacity:.95;width:clamp(84px,16vw,150px);height:auto;position:absolute;top:14px;right:16px}.hh-letter header{text-align:center;border-bottom:2px solid var(--ember);margin-bottom:26px;padding-bottom:20px}.hh-letter .mark{width:clamp(90px,16vw,130px);height:auto;margin:0 auto 18px}.hh-letter header .kicker{color:var(--ember)}.hh-letter h1{color:var(--navy);margin:8px 0 10px;font-size:clamp(1.6rem,4vw,2.4rem)}.hh-letter .doc{font-size:.9rem;line-height:1.75}.hh-letter .doc h2{color:var(--brick);margin:1.8rem 0 .5rem;font-size:1.2rem}.hh-letter .doc p+p{margin-top:.8em}.hh-letter .doc .li{text-indent:-1.2em;margin-top:.35em;padding-left:1.2em}.hh-letter .doc .li:before{content:"·";text-indent:0;width:1.2em;color:var(--ember);font-weight:700;display:inline-block}.hh-letter .sign{border-top:2px solid var(--ember);margin-top:2.6rem;padding-top:1.6rem}.hh-letter .sign h2{color:var(--navy);font-size:1.5rem}.hh-letter .note{color:var(--ink-soft);margin:.6rem 0 1.2rem;font-size:.85rem}.hh-letter .form{max-width:100%}.hh-letter .sigwrap{gap:6px;display:grid}.hh-letter .siglabel{font-family:var(--wide);letter-spacing:.22em;text-transform:uppercase;color:var(--water);font-size:.56rem}.hh-letter .sigwrap canvas{border:1.5px solid var(--water);touch-action:none;background:#fff;border-radius:8px;width:100%;height:160px}.hh-letter .agree{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);grid-template-columns:auto 1fr;align-items:start;gap:10px;font-size:.85rem;display:grid}.hh-letter .agree input{width:18px;height:18px;margin-top:2px}.hh-letter .sigs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:1rem 0 1.4rem;display:grid}.hh-letter .sigs>div{border-bottom:1.5px solid var(--navy);padding-bottom:8px}.hh-letter .ink{width:auto;max-width:100%;height:64px;margin:8px 0 4px;display:block}.hh-letter .who{font-family:var(--display);color:var(--navy);font-size:1.1rem;font-weight:400}.hh-letter .when{color:var(--ink-soft);font-size:.78rem}.hh-letter .colophon{text-align:center;font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--water);margin-top:22px;font-size:.66rem}@media (max-width:520px){.hh-letter .stamp{width:72px;top:10px;right:10px}.hh-letter .mark{margin-top:30px}}.hh .product .desc{color:var(--ink-soft);margin-top:6px;font-size:.82rem;line-height:1.6}.hh .product .details{text-align:left;border-top:1px solid #53677459;border-bottom:1px solid #53677459;margin-top:14px}.hh .product .details-toggle{cursor:pointer;width:100%;font-family:var(--wide);letter-spacing:.16em;text-transform:uppercase;color:var(--navy);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 10px;font-size:.66rem;display:flex}.hh .product .details-toggle img{width:10px;height:16px;transition:transform .2s}.hh .product .details.open .details-toggle img{transform:rotate(90deg)}.hh .product .details-body{text-align:center;padding:0 10px 14px}.hh .product .details-body .desc{margin-top:8px}.hh .product .details-body .desc:first-child{margin-top:0}.hh .product .thumbs{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.hh .product .thumbs button{background:var(--cotton);cursor:pointer;opacity:.75;border:1.5px solid #0000;border-radius:6px;width:44px;height:44px;padding:0;transition:opacity .15s;overflow:hidden}.hh .product .thumbs button.on,.hh .product .thumbs button:hover{border-color:var(--ember);opacity:1}.hh .product .thumbs img{object-fit:cover;width:100%;height:100%;display:block}.hh .product .buy{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.hh .product .buy select{border:1.5px solid var(--water);corner-shape:scoop;height:40px;font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px;font-size:.85rem}.hh .bag-fab{z-index:60;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px -12px #3d4c5699}.hh .bag{z-index:60;border:2px solid var(--ember);border-radius:var(--radius);corner-shape:scoop;text-align:left;background:#fffcf8;width:min(420px,100vw - 32px);max-height:calc(100vh - 32px);padding:20px;position:fixed;bottom:16px;right:16px;overflow:auto;box-shadow:0 24px 60px -24px #3d4c5699}.hh .bag-head{justify-content:space-between;align-items:center;display:flex}.hh .bag-head .kicker{color:var(--ember)}.hh .bag-close{color:var(--water);cursor:pointer;background:0 0;border:0;font-size:1.6rem;line-height:1}.hh .bag ul{margin:14px 0 0;padding:0;list-style:none}.hh .bag li{border-top:1px solid #53677433;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;display:grid}.hh .bag .thumb{background:var(--cotton);border-radius:6px;width:48px;height:48px;overflow:hidden}.hh .bag .thumb img{object-fit:cover;width:100%;height:100%}.hh .bag .nm{font-family:var(--display);color:var(--navy);font-size:1rem}.hh .bag .meta-line{color:var(--ink-soft);font-size:.75rem}.hh .bag .qty{align-items:center;gap:6px;display:inline-flex}.hh .bag .qty button{border:1.5px solid var(--water);width:26px;height:26px;color:var(--water);cursor:pointer;background:#fff;border-radius:6px;font-size:1rem;line-height:1}.hh .bag .sum{text-align:right;min-width:4.5em;font-size:.9rem}.hh .bag-total{font-family:var(--display);color:var(--navy);border-top:2px solid var(--ember);justify-content:space-between;margin:12px 0 4px;padding-top:10px;font-size:1.1rem;display:flex}.hh .bag .btn{margin-top:12px}.hh .order-lines{text-align:left;max-width:520px;margin:1.6rem auto 0;padding:0;list-style:none}.hh .order-lines li{border-bottom:1px solid #53677433;justify-content:space-between;gap:12px;padding:8px 0;font-size:.95rem;display:flex}.hh .order-lines li.tot{font-family:var(--display);color:var(--navy);border-bottom:0;border-top:2px solid var(--ember);font-size:1.1rem}
