/* Restroom Trailer Pros: "Linen & Clay". Doctrine B (beauty + clarity, Oct 29 2026).
   One ground (linen paper), one accent (clay), ink text. Fraunces for display, Instrument Sans for reading,
   JetBrains Mono for labels and numbers. The static page is the complete design: every animation below lives inside
   @supports / prefers-reduced-motion gates, so old iPads and filtered browsers see the finished, still version.
   Written for old Safari (10.3+): flex + margins (no flex gap), no aspect-ratio, no clamp() outside @supports. */
:root{--paper:#F4EFE6;--paper2:#EAE2D4;--paper3:#DFD5C3;--ink:#1B1816;--ink2:#4A433D;--muted:#6B635B;--clay:#BF4B1C;--clay-ink:#9E3E16;--clay-l:#F3DCCF;--line:rgba(27,24,22,.16);--line2:rgba(27,24,22,.32);--ok:#2E6B3F;--serif:'Fraunces',Georgia,'Times New Roman',serif;--sans:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;font:17px/1.6 var(--sans);color:var(--ink);background:var(--paper);position:relative}
body:before{content:"";position:fixed;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:-1;background:url(/img/grain.png) repeat;opacity:.55}
img{max-width:100%;height:auto;border:0;display:block}
a{color:var(--clay-ink)}
a:hover{color:var(--ink)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:var(--ink);line-height:1.05;margin:0 0 .5em;font-variation-settings:"SOFT" 30,"WONK" 1;font-optical-sizing:auto}
p{margin:0 0 1em}
.wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.narrow{max-width:820px}
.center{text-align:center}
.ic{width:1em;height:1em;fill:currentColor;vertical-align:-.15em;flex-shrink:0}
.skip{position:absolute;left:-999px;top:0;background:var(--clay);color:#fff;padding:8px 14px;z-index:100}
.skip:focus{left:10px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mono,.kicker,.eyebrow,.tiny{font-family:var(--mono);font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.kicker{font-size:12px;color:var(--clay-ink);margin:0 0 18px;display:flex;align-items:center}
.kicker:before{content:"";display:inline-block;width:34px;height:1px;background:var(--clay-ink);margin-right:12px}
.kicker.light{color:#E9B59A}
.kicker.light:before{background:#E9B59A}
.tiny{font-size:11.5px;color:var(--muted)}
.h2{font-size:54px;letter-spacing:-.02em;margin-bottom:18px;max-width:26ch;text-wrap:balance}
.h3{font-size:26px}
.sub{font-size:19px;line-height:1.5;color:var(--ink2);max-width:60ch;margin:0 0 36px}
.big{font-size:21px;line-height:1.5}
.lead{font-size:20px;line-height:1.5;color:var(--ink2);max-width:58ch}
.small{font-size:14px;color:var(--muted)}
.prose{max-width:66ch}
.prose p{font-size:18px}
.lnk{font-weight:600;text-decoration:none;color:var(--ink);border-bottom:1.5px solid var(--clay);padding-bottom:2px;display:inline-block}
.lnk .ic-arrow{margin-left:6px;transition:transform .25s}
.lnk:hover{color:var(--clay-ink)}
.lnk:hover .ic-arrow{transform:translateX(4px)}

/* buttons: square-cornered, clay fill or hairline */
.btn{display:inline-block;background:var(--ink);color:#fff;border:1.5px solid var(--ink);border-radius:4px;padding:13px 22px;font:600 15.5px/1.2 var(--sans);text-decoration:none;cursor:pointer;text-align:center;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{background:#000;color:#fff}
.btn .ic{margin-right:8px}
.btn .ic-arrow{margin:0 0 0 10px;transition:transform .25s}
.btn:hover .ic-arrow{transform:translateX(4px)}
.btn.coral,.btn.clay{background:var(--clay);border-color:var(--clay);color:#fff}
.btn.coral:hover,.btn.clay:hover{background:var(--clay-ink);border-color:var(--clay-ink);color:#fff}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.btn.ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.ghost-light{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.btn.ghost-light:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn.lg{padding:16px 28px;font-size:17px}
.btn.xl{padding:18px 32px;font-size:18px}
.btn.sm{padding:9px 14px;font-size:14px}
.btn.block{display:block;width:100%}
.btn[disabled]{opacity:.6;cursor:wait}

/* header: flat, type wordmark, four links, one button */
.hdr{background:var(--paper);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:50}
.hdr .wrap{display:flex;align-items:center;min-height:74px;position:relative}
.brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0;order:0;color:var(--ink)}
.logo-img{max-height:52px;width:auto;display:block}
.wm{display:block;line-height:1.05}
.wm b{display:block;font:500 24px/1 var(--serif);color:var(--ink);letter-spacing:-.015em;white-space:nowrap;font-variation-settings:"SOFT" 40,"WONK" 1}
.wm b i{font-style:italic;color:var(--clay)}
.wm small{display:block;font:500 10px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.nav{display:flex;align-items:center;margin-left:auto;order:1}
.hdr-call{order:2;display:inline-flex;align-items:center;margin-left:16px;padding:9px 0;color:var(--ink);font:600 15px var(--mono);letter-spacing:.02em;text-decoration:none;white-space:nowrap;border-bottom:1.5px solid transparent}
.hdr-call .ic{color:var(--clay);margin-right:7px}
.hdr-call:hover{border-bottom-color:var(--clay)}
.nav-in{position:absolute;opacity:0;pointer-events:none}
.nav-lbl{display:none;order:3}
.menu{list-style:none;margin:0 10px 0 0;padding:0;display:flex}
.menu>li{position:relative}
.menu>li>a{display:block;white-space:nowrap;padding:26px 13px;text-decoration:none;color:var(--ink);font-weight:500;font-size:15.5px}
.menu>li>a:hover,.menu>li:hover>a{color:var(--clay-ink)}
.has-sub>a:after{content:"";display:inline-block;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:0 0 3px 8px;opacity:.6}
.dd{display:none;position:absolute;left:0;top:100%;background:var(--paper);border:1px solid var(--line2);list-style:none;margin:0;padding:8px;min-width:260px;z-index:60;box-shadow:0 24px 50px -30px rgba(27,24,22,.5)}
.dd.wide{min-width:340px}
.has-sub:hover .dd{display:block}
.dd a{display:block;padding:9px 12px;text-decoration:none;color:var(--ink);font-weight:500;font-size:15px;border-bottom:1px solid var(--line)}
.dd li:last-child a{border-bottom:0}
.dd a small{display:block;font:500 11px var(--mono);letter-spacing:.04em;color:var(--muted);margin-top:2px}
.dd a:hover{background:var(--ink);color:var(--paper)}
.dd a:hover small{color:#C9BFB0}
.dd .all a{color:var(--clay-ink);font-weight:600}
.m-only{display:none}
.crumbs{font:500 12px var(--mono);letter-spacing:.04em;color:var(--muted);padding:14px 0 0}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.crumbs i{font-style:normal;margin:0 8px;opacity:.5}

/* hero: the sentence first, the photo second, the next section peeking */
.hero{padding:48px 0 0;position:relative}
.hero-grid{display:flex;align-items:stretch}
.hero-copy{flex:1;min-width:0;padding:10px 56px 40px 0;display:flex;flex-direction:column;justify-content:center}
.hero-side{width:38%;flex-shrink:0;margin:0;position:relative;background:var(--paper2);overflow:hidden}
.hero-side img{width:100%;height:100%;min-height:560px;object-fit:cover}
.hero-side figcaption{position:absolute;left:0;bottom:0;background:var(--paper);padding:10px 16px 0 0;font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);max-width:78%}
.eyebrow{font-size:12px;color:var(--ink2);margin:0 0 26px;display:flex;align-items:center;flex-wrap:wrap}
.eyebrow .ic{color:var(--clay);margin-right:8px}
.hero h1{font-size:86px;line-height:.98;letter-spacing:-.03em;max-width:13ch;margin:0 0 28px;font-weight:450;text-wrap:balance}
.hero h1 em{font-style:italic;color:var(--clay);font-weight:400}
.hero .lead{font-size:20px;margin:0 0 30px;max-width:46ch}
.hero-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}
.hero-row .lead{margin:0;max-width:44ch}
.hero-act{text-align:left}
.hero-act .tiny{margin:12px 0 0;text-transform:none;letter-spacing:.02em}
.hero-fig{margin:0;position:relative;overflow:hidden;background:var(--paper2)}
.hero-fig img{width:100%;height:560px;object-fit:cover}
.hero-tag{position:absolute;left:28px;bottom:28px;z-index:3;background:var(--paper);color:var(--ink);padding:16px 20px;text-decoration:none;border-left:4px solid var(--clay);max-width:300px}
.hero-tag small{display:block;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hero-tag b{display:block;font:500 40px/1.1 var(--serif);color:var(--ink);margin:4px 0 2px;letter-spacing:-.02em}
.hero-tag span{font-size:14px;color:var(--ink2)}
.hero-tag:hover b{color:var(--clay)}
.hero-chip{position:absolute;right:28px;top:28px;z-index:3;background:var(--ink);color:var(--paper);padding:9px 14px;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.hero-chip .ic{margin-right:8px;color:#E9B59A}

/* ticker: a line of what the trailers are for */
.ticker{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);overflow:hidden;white-space:nowrap;background:var(--paper)}
.ticker-in{display:inline-block;padding:14px 0;font:italic 400 26px/1 var(--serif);color:var(--ink);font-variation-settings:"SOFT" 60,"WONK" 1}
.ticker-in i{font-style:normal;color:var(--clay);margin:0 22px}

/* sections */
.sec{padding:110px 0;position:relative}
.sec.tint{background:var(--paper2)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}
.sec-head .lnk{margin:0 0 42px 28px;white-space:nowrap}
.two{display:flex;align-items:flex-start}
.two>*{flex:1;min-width:0;margin-right:64px}
.two>*:last-child{margin-right:0}
.two.wide-l>*:first-child{flex:1.6}
.checks{list-style:none;margin:0 0 26px;padding:0}
.checks li{position:relative;padding:12px 0 12px 34px;border-top:1px solid var(--line);font-size:17px}
.checks li:last-child{border-bottom:1px solid var(--line)}
.checks .ic{position:absolute;left:4px;top:15px;width:18px;height:18px;color:var(--clay)}
.card{background:var(--paper);border:1px solid var(--line2);padding:26px 28px}
.card+.card{margin-top:18px}
.chips{display:flex;flex-wrap:wrap;margin:0 -4px}
.chips a{display:inline-block;margin:0 4px 8px;padding:9px 14px;border:1px solid var(--line2);color:var(--ink);text-decoration:none;font:500 14px var(--mono);letter-spacing:.02em}
.chips a:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chips a.strong{background:var(--clay);border-color:var(--clay);color:#fff}

/* 01: the size dial (pure CSS tabs: radio inputs come first in the DOM) */
.dial-wrap{position:relative}
.dial-wrap>input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.dial-nums{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line2);margin-bottom:0}
.dnum{display:block;cursor:pointer;text-align:center;padding:10px 12px 18px;flex:1;color:var(--ink);opacity:.38;transition:opacity .2s,color .2s;position:relative;text-decoration:none}
.dnum b{display:block;font:450 150px/.9 var(--serif);letter-spacing:-.05em;font-variation-settings:"SOFT" 70,"WONK" 1}
.dnum small{display:block;font:500 11.5px/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:12px}
.dnum:hover{opacity:.75}
.dnum:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:4px;background:var(--clay);-webkit-transform:scaleX(0);transform:scaleX(0);transition:transform .25s}
#d-t2:checked~.dial-nums [for=d-t2],#d-t3:checked~.dial-nums [for=d-t3],#d-t4:checked~.dial-nums [for=d-t4],#d-t5:checked~.dial-nums [for=d-t5],#d-t10:checked~.dial-nums [for=d-t10]{opacity:1;color:var(--clay)}
#d-t2:checked~.dial-nums [for=d-t2]:after,#d-t3:checked~.dial-nums [for=d-t3]:after,#d-t4:checked~.dial-nums [for=d-t4]:after,#d-t5:checked~.dial-nums [for=d-t5]:after,#d-t10:checked~.dial-nums [for=d-t10]:after{-webkit-transform:scaleX(1);transform:scaleX(1)}
.dial-wrap>input:focus-visible~.dial-nums label[for]{outline:0}
.dpan{display:none}
#d-t2:checked~.dial-panels .dpan-t2,#d-t3:checked~.dial-panels .dpan-t3,#d-t4:checked~.dial-panels .dpan-t4,#d-t5:checked~.dial-panels .dpan-t5,#d-t10:checked~.dial-panels .dpan-t10{display:flex}
.dpan{align-items:stretch;padding-top:40px}
.dpan .dph{width:60%;flex-shrink:0;background:var(--paper2);overflow:hidden}
.dpan .dph img{width:100%;height:520px;object-fit:cover}
.dinfo{flex:1;padding:8px 0 0 48px;display:flex;flex-direction:column}
.dinfo .mono{font-size:12px;color:var(--muted);margin:0 0 10px}
.dinfo h3{font-size:36px;letter-spacing:-.02em;margin:0 0 14px}
.dinfo .dspec{font:500 13px/1.7 var(--mono);color:var(--ink2);margin:0 0 18px;letter-spacing:.02em}
.dinfo p.lead{font-size:17px;margin-bottom:22px}
.dprice{font:400 16px var(--sans);color:var(--ink2);margin:0 0 24px}
.dprice b{font:500 44px/1 var(--serif);color:var(--ink);letter-spacing:-.03em;display:block;margin-bottom:4px}
.dact .btn{margin:0 14px 10px 0}
.dact .lnk{margin-bottom:10px}
.dial-note{font-size:14px;color:var(--muted);margin:26px 0 0;max-width:70ch}

/* 02: inside, sticky text beside tall photos */
.inside .two{align-items:flex-start}
.inside .stick{position:-webkit-sticky;position:sticky;top:110px;flex:.9}
.inside .stack{flex:1.1}
.stack figure{margin:0 0 20px;background:var(--paper2);overflow:hidden}
.stack img{width:100%;height:560px;object-fit:cover}
.stack figcaption{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 0 0}

/* 03: the index (an editorial list instead of a card grid) */
.index{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.index li{border-bottom:1px solid var(--line2)}
.index a{display:flex;align-items:center;text-decoration:none;color:var(--ink);padding:22px 0;transition:background .25s,color .25s,padding .25s}
.index .num{font:500 13px var(--mono);letter-spacing:.1em;color:var(--clay-ink);width:72px;flex-shrink:0}
.index .iname{font:450 40px/1.05 var(--serif);letter-spacing:-.02em;flex:1.1;min-width:0;padding-right:30px;font-variation-settings:"SOFT" 40,"WONK" 1}
.index .icap{flex:1;font-size:16px;color:var(--ink2);padding-right:30px}
.index .ipic{width:150px;height:96px;flex-shrink:0;background:var(--clay);overflow:hidden;margin-right:30px}
.index .ipic img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:grayscale(1) contrast(1.05);transition:filter .3s}
.index .iarr{width:34px;flex-shrink:0;color:var(--clay);transition:transform .25s}
.index .iarr .ic{width:26px;height:26px}
.index a:hover{background:var(--ink);color:var(--paper);padding-left:16px;padding-right:16px}
.index a:hover .icap{color:#C9BFB0}
.index a:hover .num{color:#E9B59A}
.index a:hover .ipic{background:transparent}
.index a:hover .ipic img{mix-blend-mode:normal;filter:none}
.index a:hover .iarr{transform:translateX(6px)}
.egrid{display:flex;flex-wrap:wrap;margin:0 -10px}
.ecard{width:calc(33.333% - 20px);margin:0 10px 22px;text-decoration:none;color:var(--ink);border-top:1px solid var(--line2);padding-top:14px}
.eph{display:block;position:relative;padding-top:66%;overflow:hidden;background:var(--clay);margin-bottom:12px}
.eph img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:grayscale(1) contrast(1.05);transition:filter .3s}
.ecard:hover .eph img{mix-blend-mode:normal;filter:none}
.etx b{display:block;font:450 24px/1.15 var(--serif);letter-spacing:-.01em;margin-bottom:4px}
.etx small{display:block;font-size:14px;color:var(--muted)}

/* 04: how it works */
.steps{list-style:none;margin:36px 0 0;padding:0;display:flex;border-top:1px solid var(--line2)}
.steps li{flex:1;padding:30px 36px 10px 0;border-right:1px solid var(--line);margin-right:36px}
.steps li:last-child{border-right:0;margin-right:0}
.steps .n{display:block;font:450 72px/1 var(--serif);color:var(--clay);letter-spacing:-.04em;margin-bottom:18px;font-variation-settings:"SOFT" 60,"WONK" 1}
.steps h3{font-size:26px;margin:0 0 10px}
.steps p{margin:0;color:var(--ink2);font-size:16.5px}

/* included + sizing */
.incl-grid{display:flex;align-items:flex-start}
.incl-grid>div{flex:1;margin-right:64px}
.incl-grid>div:last-child{margin-right:0}
.stamp{display:inline-block;border:2px solid var(--clay);color:var(--clay);font:600 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;padding:8px 14px;-webkit-transform:rotate(-4deg);transform:rotate(-4deg);margin:0 0 22px}
.sz-tool{background:var(--paper);border:1px solid var(--line2);padding:28px 30px}
.card .sz-tool{border:0;padding:0}
.sz-l{display:block;font:450 30px/1.2 var(--serif);margin-bottom:14px;letter-spacing:-.01em}
.sz-l output{color:var(--clay)}
.sizer input[type=range]{width:100%;margin:6px 0 18px;accent-color:#BF4B1C}
.sz-res{margin-top:6px;border-top:1px solid var(--line2);padding:16px 0 0;min-height:64px}
.sz-res b{font:450 24px var(--serif);color:var(--ink)}
.sz-res small{color:var(--muted);font-size:14px}
.sz-res .btn{margin-top:12px}
.sz-note{font-size:13.5px;line-height:1.5;color:var(--muted);margin:14px 0 0}
.sz-table{width:100%;border-collapse:collapse;margin-top:22px;font-size:15px}
.sz-table caption{text-align:left;font:450 20px/1.3 var(--serif);margin-bottom:8px}
.sz-table th,.sz-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.sz-table th{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* why: the one ink band */
.band{position:relative;padding:110px 0;color:#D9CFC2;background:var(--ink)}
.band h2,.band h3{color:var(--paper)}
.wave{display:none}
.why{display:flex;flex-wrap:wrap;margin:30px -20px 0;padding:0;list-style:none}
.feat{width:calc(25% - 40px);margin:0 20px 40px;border-top:1px solid rgba(244,239,230,.22);padding-top:18px}
.fic{display:none}
.feat h3{font-size:22px;margin:0 0 8px;letter-spacing:-.01em}
.feat h3:before{content:counter(feat,decimal-leading-zero);counter-increment:feat;display:block;font:500 12px var(--mono);letter-spacing:.14em;color:#E9B59A;margin-bottom:12px}
.fgrid4{counter-reset:feat;display:flex;flex-wrap:wrap;margin:30px -20px 0}
.feat p{margin:0;font-size:15.5px;color:#BDB2A4}

/* lookbook: the other hero photos as a strip */
.lookbook{display:flex;margin:0 -8px}
.lookbook figure{flex:1;margin:0 8px;background:var(--paper2);overflow:hidden}
.lookbook img{width:100%;height:420px;object-fit:cover}

/* service area */
.area{display:flex;align-items:flex-start}
.amap{width:40%;max-width:440px;flex-shrink:0;border:1px solid var(--line2);background:var(--paper3)}
.map{display:block;width:100%;height:auto}
.map .mc circle{fill:var(--clay);stroke:var(--paper);stroke-width:2}
.map .mc text{fill:var(--ink);font:500 14px var(--mono);letter-spacing:.02em}
.map .mc:hover circle{fill:var(--ink)}
.map .mc:hover text{text-decoration:underline}
.map .lead{fill:none;stroke:var(--ink);stroke-opacity:.4;stroke-width:1;stroke-dasharray:2 3}
.map .cty text{fill:var(--ink);fill-opacity:.45;font:500 13px var(--mono);letter-spacing:.24em}
.map .ocean{fill:var(--ink);fill-opacity:.4;font:italic 400 20px var(--serif);letter-spacing:.04em}
.alist{flex:1;margin-left:48px}
.acol{border-top:1px solid var(--line2);padding:22px 0 10px}
.acol h3{font-size:30px;margin:0 0 4px;letter-spacing:-.01em}
.acol h3 a{color:var(--ink);text-decoration:none}
.acol h3 a:hover{color:var(--clay)}
.drive{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.drive .ic{color:var(--clay);margin-right:6px}
.acol ul{list-style:none;margin:0;padding:0;-webkit-columns:3;columns:3;-webkit-column-gap:20px;column-gap:20px}
.acol li{margin:0 0 6px;-webkit-column-break-inside:avoid;break-inside:avoid}
.acol li a{color:var(--ink2);text-decoration:none;font-size:15.5px}
.acol li a:hover{color:var(--clay-ink)}
.cblocks{display:flex;flex-wrap:wrap;margin:0 -12px}
.cblock{width:calc(33.333% - 24px);margin:0 12px 24px;border-top:1px solid var(--line2);padding-top:18px}
.cblock h2 a{color:var(--ink);text-decoration:none}
.clist{list-style:none;margin:0;padding:0}
.clist li{margin:0 0 6px}
.clist a{text-decoration:none;color:var(--ink);font-weight:500}
.clist .ic{color:var(--clay);margin-right:8px;width:14px;height:14px}

/* FAQ */
.faqs{margin:10px 0 26px;border-top:1px solid var(--line2)}
.faqs details{border-bottom:1px solid var(--line2)}
.faqs summary{list-style:none;cursor:pointer;padding:22px 56px 22px 0;font:450 24px/1.3 var(--serif);color:var(--ink);position:relative;letter-spacing:-.01em}
.faqs summary::-webkit-details-marker{display:none}
.faqs summary:after{content:"+";position:absolute;right:4px;top:50%;margin-top:-16px;width:32px;height:32px;color:var(--clay);font:400 30px/32px var(--serif);text-align:center;transition:transform .25s}
.faqs details[open] summary:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.faqs details p{padding:0 0 24px;margin:0;color:var(--ink2);max-width:66ch;font-size:17px}
.faqpage .qa{padding:26px 0;border-bottom:1px solid var(--line2)}
.faqpage .qa h2{font-size:26px}
.faqpage .qa p{margin:0;font-size:17px;color:var(--ink2);max-width:66ch}

/* reviews */
.rvgrid{display:flex;flex-wrap:wrap;margin:0 -12px}
.rv{width:calc(33.333% - 24px);margin:0 12px 24px;border-top:1px solid var(--line2);padding-top:18px}
.stars{color:var(--clay);letter-spacing:2px;font-size:16px}
.rv blockquote{margin:10px 0;font:italic 400 20px/1.4 var(--serif)}
.rv figcaption{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rv figcaption small{display:block;text-transform:none;letter-spacing:0;font:400 13px var(--sans)}

/* final call */
.cta{padding:40px 0 120px}
.cta-in{border-top:1px solid var(--line2);padding-top:48px;display:flex;align-items:flex-end;justify-content:space-between}
.cta h2{font-size:72px;letter-spacing:-.03em;margin:0 0 10px;max-width:14ch;line-height:1}
.cta p{margin:0;font-size:19px;color:var(--ink2);max-width:48ch}
.cta-btns{display:flex;flex-wrap:wrap;flex-shrink:0;margin-left:40px}
.cta-btns .btn{margin:6px 0 6px 12px}

/* inner page heads: editorial, photo full width below */
.phead{padding:54px 0 0}
.phead-in{display:block}
.phead-tx{max-width:900px}
.phead h1{font-size:64px;line-height:1;letter-spacing:-.03em;margin:0 0 20px;font-weight:450}
.phead .lead{max-width:60ch;margin-bottom:26px}
.phead-ph{margin:36px 0 0;background:var(--paper2);overflow:hidden}
.phead-ph img{display:block;width:100%;height:480px;object-fit:cover}

/* trailer cards (lists on inner pages) */
.mgrid,.tgrid{display:flex;flex-wrap:wrap;margin:0 -12px}
.mcard,.tcard{width:calc(33.333% - 24px);margin:0 12px 28px;display:flex;flex-direction:column;border-top:1px solid var(--line2);padding-top:14px;transition:opacity .2s}
.mcard{width:calc(20% - 24px)}
.tgrid.five .tcard{width:calc(20% - 24px)}
.tgrid.four .tcard{width:calc(25% - 24px)}
.tgrid.two-up .tcard{width:calc(50% - 24px)}
.mcard.pick,.tcard.pick{border-top:3px solid var(--clay)}
.mph,.tph{display:block;position:relative;padding-top:68%;overflow:hidden;background:var(--paper2);margin-bottom:14px}
.mph img,.tph img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mcard:hover .mph img,.tcard:hover .tph img{-webkit-transform:scale(1.04);transform:scale(1.04)}
.mnum{position:absolute;left:12px;top:12px;background:var(--paper);color:var(--ink);padding:6px 10px 5px;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-align:center}
.mnum b{display:block;font:450 24px/1 var(--serif);letter-spacing:-.02em;margin-bottom:3px}
.tbadge{position:absolute;left:12px;top:12px;z-index:2;background:var(--paper);color:var(--ink);padding:6px 10px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.tbadge .ic{color:var(--clay);margin-right:5px}
.tname{position:absolute;left:14px;bottom:12px;z-index:2;color:#fff;font:450 26px/1.1 var(--serif);text-shadow:0 2px 14px rgba(0,0,0,.5)}
.tname small{display:block;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;opacity:.9;margin-top:4px}
.mbody,.tbody{display:flex;flex-direction:column;flex:1}
.mbody h3,.tbody h3{font-size:24px;margin:0 0 4px;letter-spacing:-.01em}
.mbody h3 a,.tbody h3 a{color:var(--ink);text-decoration:none}
.mguests,.tline{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.mguests .ic{color:var(--clay);margin-right:5px}
.mprice,.tprice{margin:0 0 12px;font-size:14.5px;color:var(--muted)}
.mprice b,.tprice b{font:500 26px var(--serif);color:var(--ink);letter-spacing:-.02em}
.tbody>p:not([class]){font-size:15.5px;color:var(--ink2)}
.mbody .lnk{margin-top:auto;font-size:14.5px}
.tact{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px}
.tact .lnk{font-size:14.5px}

/* compare table */
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--line2)}
.cmp{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.cmp th,.cmp td{padding:14px 14px;border-bottom:1px solid var(--line);text-align:left}
.cmp thead th{font:450 22px var(--serif);color:var(--ink)}
.cmp thead th a{color:var(--ink);text-decoration:none}
.cmp thead th a:hover{color:var(--clay)}
.cmp tbody th{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.cmp .yes{color:var(--ok)}

/* single trailer page */
.tpage{padding-top:48px}
.tgrid2{display:flex;align-items:flex-start}
.tgrid2>div:first-child{width:58%}
.tinfo{flex:1;margin-left:56px}
.gmain{background:var(--paper2);overflow:hidden}
.gmain img{display:block;width:100%;height:520px;object-fit:cover}
.gthumbs{display:flex;flex-wrap:wrap;margin:10px -5px 0}
.gthumbs a{width:calc(25% - 10px);margin:0 5px 10px;overflow:hidden;position:relative;padding-top:16%;border-bottom:3px solid transparent;display:block}
.gthumbs a.on{border-bottom-color:var(--clay)}
.gthumbs img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.tinfo h1{font-size:50px;line-height:1;letter-spacing:-.03em;margin:0 0 14px;font-weight:450}
.tstats{display:flex;flex-wrap:wrap;margin:22px 0 10px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.tstats>div{flex:1;min-width:90px;padding:14px 12px 14px 0}
.tstats .ic{display:none}
.tstats b{display:block;font:450 34px/1.1 var(--serif);color:var(--ink);letter-spacing:-.02em}
.tstats span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.price{font-size:16px;color:var(--ink2)}
.price .big{font:450 44px/1 var(--serif);color:var(--ink);letter-spacing:-.03em;display:block;margin-bottom:6px}
.tbtns .btn{margin:0 10px 10px 0}
.incl{list-style:none;padding:0;margin:12px 0 0}
.incl li{padding:10px 0;border-top:1px solid var(--line);font-size:15.5px}
.incl .ic{color:var(--clay);margin-right:10px}
.sides{display:flex;margin:0 -10px}
.sides>div{flex:1;margin:0 10px;border-top:1px solid var(--line2);padding:14px 0}
.sides b{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.sides p{margin:6px 0 0;font-size:16px}
.size{display:flex;align-items:flex-start;margin-top:16px;font-size:15.5px}
.size .ic{color:var(--clay);margin:3px 10px 0 0}
.plan{margin:22px 0 0}
.plan img{border:1px solid var(--line2);background:#fff}
.plan figcaption{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.tips{border-top:3px solid var(--clay)}

/* quote */
.qpage{padding-top:48px}
.qgrid{display:flex;align-items:flex-start}
.qgrid>div:first-child{flex:1;min-width:0}
.qside{width:330px;margin-left:40px;flex-shrink:0}
.h1q{font-size:56px;letter-spacing:-.03em;font-weight:450;line-height:1}
.qcard{background:var(--paper);border:1px solid var(--line2)}
.qhead{background:var(--ink);color:#D9CFC2;padding:26px 28px 20px}
.qhead h2{color:var(--paper);font-size:30px;margin:0 0 4px;letter-spacing:-.01em}
.qhead p{margin:0 0 18px;font-size:15.5px}
.qsteps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.qsteps li{display:flex;align-items:center;margin-right:24px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(244,239,230,.5)}
.qsteps span{width:26px;height:26px;border:1.5px solid rgba(244,239,230,.4);display:inline-block;text-align:center;line-height:23px;margin-right:9px;font-size:12px}
.qsteps li.on{color:#fff}
.qsteps li.on span{background:var(--clay);border-color:var(--clay);color:#fff}
.qsteps li.done span{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.qbody{padding:22px 28px 28px}
.qbody label,.qreach legend{display:block;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:16px 0 6px}
.qbody label small{text-transform:none;letter-spacing:0;color:var(--muted);font-family:var(--sans)}
.qbody input[type=text],.qbody input[type=tel],.qbody input[type=email],.qbody input[type=date],.qbody select,.qbody textarea{width:100%;border:1px solid var(--line2);border-radius:3px;padding:13px 14px;font:500 16px/1.3 var(--sans);color:var(--ink);background:#fff;-webkit-appearance:none;appearance:none;min-height:48px}
.qbody select{background-image:linear-gradient(45deg,transparent 50%,#BF4B1C 50%),linear-gradient(135deg,#BF4B1C 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
.qbody input:focus,.qbody select:focus,.qbody textarea:focus{outline:0;border-color:var(--clay);box-shadow:0 0 0 3px rgba(191,75,28,.18)}
.qbody textarea{min-height:90px}
.qrow{display:flex;margin:0 -6px}
.qrow>div{flex:1;margin:0 6px;min-width:0}
.qnote{font-size:14.5px;color:var(--muted);margin:10px 0 0}
.qtype{display:flex;border:1px solid var(--line2);margin-bottom:6px}
.qpill{flex:1;margin:0!important;text-align:center;padding:11px 12px;cursor:pointer;font:500 12px var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important;position:relative}
.qpill input{position:absolute;opacity:0;width:1px;height:1px}
.qpill.on{background:var(--ink);color:var(--paper)!important}
.qcard .q-long{display:none}
.qcard.long .q-long{display:block}
.qcard.long .q-event{display:none}
.qerr{display:none;background:#F7E2DC;border:1px solid #E2B2A3;color:#8A2A12;padding:10px 14px;font-weight:600;margin-bottom:10px}
.qerr.on{display:block}
.qmsg{display:none;background:var(--clay-l);border:1px solid #E6BCA6;padding:10px 14px;font-size:14.5px;margin:12px 0}
.qmsg.on{display:block}
.js .qstep{display:none}
.js .qstep.active{display:block}
.js-only{display:none!important}
.js .js-only{display:inline-block!important}
.js .btn.block.js-only{display:block!important}
.js .sz-tool.js-only{display:block!important}
.qstep>.btn.block{margin-top:22px}
.qu{display:flex;align-items:center;border:1px solid var(--line2);padding:12px;margin:12px 0;cursor:pointer;transition:border-color .2s,background .2s;position:relative}
.qu.on{border-color:var(--clay);background:#fff}
.qu-ph{width:118px;height:84px;overflow:hidden;flex-shrink:0;margin-right:14px;background:var(--paper2)}
.qu-ph img{width:100%;height:100%;object-fit:cover;display:block}
.qu-b{flex:1;min-width:0}
.qu h4{font-size:20px;margin:0 0 2px}
.qu p{font:500 12px var(--mono);letter-spacing:.04em;color:var(--muted);margin:0 0 6px}
.qu .rec{display:none;margin-left:8px;vertical-align:3px;background:var(--clay);color:#fff;padding:3px 8px;font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.qu.recd .rec{display:inline-block}
.qu-l{display:flex;align-items:center;justify-content:space-between}
.qu-p{font:500 20px var(--serif);color:var(--ink)}
.qu-l label{margin:0!important;display:flex!important;align-items:center}
.qu-l select{width:auto!important;margin-left:8px;padding:6px 30px 6px 10px!important;font-size:15px!important;min-height:0!important}
.qu-sel{margin:6px 0 0!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--sans)!important;color:var(--muted)!important}
.js .qu-sel{position:absolute;left:-9999px}
.qinc{border:1px solid var(--line2);padding:14px 16px;margin:16px 0 8px;font-size:14.5px}
.qinc b{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.qinc ul{list-style:none;margin:8px 0 0;padding:0}
.qinc li{margin:0 0 4px}
.qinc .ic{color:var(--ok);margin-right:8px}
.qtotal{display:none;justify-content:space-between;align-items:center;border-top:1px solid var(--line2);margin-top:14px;padding-top:14px;font:450 24px var(--serif);color:var(--ink)}
.qtotal.on{display:flex}
.qtotal small{display:block;font:400 13px var(--sans);color:var(--muted)}
.qtotal span:last-child{text-align:right}
.qnav{display:flex;justify-content:space-between;margin-top:20px}
.qsmall{font-size:13px;color:var(--muted);margin:14px 0 0}
.promo{display:flex;align-items:flex-end;margin-top:12px}
.promo>div{flex:1;margin-right:10px}
.pmsg{font-size:14px;color:var(--ok);font-weight:600}
.pmsg.bad{color:#a12}
.qreach{border:0;padding:0;margin:0}
.qreach label{display:inline-block;margin:0 18px 0 0!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--sans)!important;font-size:15px!important;font-weight:600!important}
.qside .card{margin-bottom:18px}
.qside .card+.card{margin-top:0}
.qthanks{text-align:center;padding:20px 6px}
.qthanks .tick,.thanks .tick{display:inline-block;width:70px;height:70px;background:var(--ink);color:var(--paper);padding:17px;margin-bottom:12px}
.qthanks .tick .ic,.thanks .tick .ic{width:36px;height:36px}
.ref{font:500 14px var(--mono);letter-spacing:.06em;color:var(--muted)}
.thanks{padding:90px 0}
.thanks h1{font-size:54px;letter-spacing:-.03em;font-weight:450}
.ac-list{position:absolute;z-index:80;list-style:none;margin:0;padding:6px 0 0;background:#fff;border:1px solid var(--line2);box-shadow:0 24px 50px -30px rgba(27,24,22,.5);overflow:hidden;font:15px/1.35 var(--sans);color:var(--ink)}
.ac-list li{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--line)}
.ac-list li b{display:block;font-weight:600}
.ac-list li span{display:block;font-size:13px;color:var(--muted)}
.ac-list li.on,.ac-list li:hover{background:var(--paper2)}
.ac-list li.ac-by{cursor:default;border:0;padding:5px 12px 6px;text-align:right;font:500 11px/1 Roboto,Arial,sans-serif;color:#70757a;background:#fff}

/* footer: ink ground, the wordmark as big as the page */
.ftr{background:var(--ink);color:#BDB2A4;font-size:15px;overflow:hidden}
.fgrid{display:flex;flex-wrap:wrap;padding-top:64px;padding-bottom:40px}
.fcol{flex:1;min-width:170px;margin-right:30px}
.fcol:last-child{margin-right:0}
.fbrand{flex:1.5}
.fbrand .wm b{color:var(--paper)}
.fbrand .wm small{color:#8A7F72}
.fbrand p{margin:18px 0 0;max-width:40ch}
.fcol h3{font:500 11px/1.2 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--paper);margin:8px 0 16px}
.fcol ul{list-style:none;margin:0;padding:0}
.fcol li{margin:0 0 8px}
.fcol a{color:#BDB2A4;text-decoration:none}
.fcol a:hover{color:var(--paper)}
.fcontact a{display:block;color:var(--paper);font:600 15px var(--mono);text-decoration:none;margin-bottom:6px}
.fcontact .ic{color:#E9B59A;margin-right:8px}
.fhours b{color:var(--paper);font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.fbig{font:450 13.2vw/.9 var(--serif);letter-spacing:-.045em;color:var(--paper);white-space:nowrap;padding:10px 28px 0;margin:0 auto;max-width:1280px;font-variation-settings:"SOFT" 40,"WONK" 1;opacity:.95}
.fbig i{font-style:italic;color:var(--clay)}
.fbottom{border-top:1px solid rgba(244,239,230,.14);padding:18px 0 26px;font:500 11.5px var(--mono);letter-spacing:.04em}
.fbottom .wrap{display:flex;flex-wrap:wrap;justify-content:space-between}
.fbottom span{margin:3px 0}
.fbottom a{color:#D9CFC2}
.mbar{display:none}

/* ---- the beauty layer: only where the browser can do it, only when motion is welcome ---- */
@view-transition{navigation:auto}
@media (prefers-reduced-motion:no-preference){
  .hero-fig img{-webkit-animation:heroIn 1.3s cubic-bezier(.2,.7,.2,1) both;animation:heroIn 1.3s cubic-bezier(.2,.7,.2,1) both}
  @-webkit-keyframes heroIn{from{opacity:0;-webkit-transform:scale(1.04)}to{opacity:1;-webkit-transform:scale(1)}}
  @keyframes heroIn{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
  .ticker-in{-webkit-animation:tick 46s linear infinite;animation:tick 46s linear infinite}
  .ticker:hover .ticker-in{-webkit-animation-play-state:paused;animation-play-state:paused}
  @-webkit-keyframes tick{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-50%)}}
  @keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @supports (animation-timeline:view()){
    .rise{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 38%}
    @keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
    .unclip{animation:unclip linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
    @keyframes unclip{from{clip-path:inset(10% 6% 10% 6%);opacity:.6}to{clip-path:inset(0 0 0 0);opacity:1}}
    .index li{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 30%}
  }
}

@media (max-width:1180px){
  .hero h1{font-size:68px}
  .dnum b{font-size:112px}
  .h2{font-size:46px}
  .cta h2{font-size:56px}
  .feat{width:calc(50% - 40px)}
  .mcard{width:calc(33.333% - 24px)}
  .tgrid.five .tcard{width:calc(33.333% - 24px)}
  .menu>li>a{padding:26px 9px;font-size:15px}
  .hdr-call span{display:none}
  .hdr-call .ic{margin:0}
}
@media (max-width:1040px){
  .hdr .wrap{min-height:66px}
  .nav-lbl{display:flex;align-items:center;cursor:pointer;font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);padding:10px 2px 10px 14px;margin-left:auto}
  .hdr-call{margin-left:auto;order:2}
  .hdr-call+.nav-in+.nav-lbl{margin-left:4px}
  .nav-lbl span{display:inline-block;width:22px;height:1.5px;background:var(--ink);position:relative;margin-right:10px}
  .nav-lbl span:before,.nav-lbl span:after{content:"";position:absolute;left:0;width:22px;height:1.5px;background:var(--ink)}
  .nav-lbl span:before{top:-7px}
  .nav-lbl span:after{top:7px}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);max-height:calc(100vh - 66px);overflow-y:auto;-webkit-overflow-scrolling:touch;flex-direction:column;align-items:stretch;padding:8px 28px 22px;order:4}
  .nav-in:checked~.nav{display:flex}
  .menu{flex-direction:column;margin:0}
  .menu>li>a{padding:14px 0;border-bottom:1px solid var(--line);font:450 22px var(--serif)}
  .has-sub>a:after{display:none}
  .dd,.has-sub:hover .dd{display:block;position:static;box-shadow:none;border:0;padding:4px 0 10px 14px;min-width:0;background:transparent}
  .dd a{padding:8px 0;font-size:15px;border-bottom:0}
  .dd a:hover{background:transparent;color:var(--clay-ink)}
  .dd a small{display:none}
  .m-only{display:block}
  .nav-cta{margin-top:16px}
}
@media (max-width:900px){
  .hero{padding-top:36px}
  .hero-grid{display:block}
  .hero-copy{padding:0 0 30px}
  .hero-side{width:100%}
  .hero-side img{height:100vw;max-height:520px;min-height:0}
  .hero h1{font-size:56px;max-width:none}
  .hero-fig img{height:60vw;min-height:280px}
  .hero-tag{left:16px;bottom:16px;padding:12px 14px}
  .hero-tag b{font-size:30px}
  .hero-chip{right:16px;top:16px;font-size:11px}
  .ticker-in{font-size:21px}
  .sec{padding:76px 0}
  .h2{font-size:40px}
  .sec-head{display:block}
  .sec-head .lnk{margin:-14px 0 28px}
  .two,.area,.tgrid2,.qgrid,.incl-grid,.lookbook{display:block}
  .two>*,.incl-grid>div{margin-right:0}
  .two>*+*,.incl-grid>div+div{margin-top:40px}
  .inside .stick{position:static}
  .stack img{height:64vw}
  .lookbook figure{margin:0 0 12px}
  .lookbook img{height:60vw}
  .dnum b{font-size:72px}
  .dnum{padding:8px 4px 14px}
  .dnum small{white-space:normal;font-size:10px;line-height:1.3}
  .dpan{display:none}
  #d-t2:checked~.dial-panels .dpan-t2,#d-t3:checked~.dial-panels .dpan-t3,#d-t4:checked~.dial-panels .dpan-t4,#d-t5:checked~.dial-panels .dpan-t5,#d-t10:checked~.dial-panels .dpan-t10{display:block}
  .dpan .dph{width:100%}
  .dpan .dph img{height:62vw}
  .dinfo{padding:22px 0 0}
  .dinfo h3{font-size:30px}
  .index a{flex-wrap:wrap;padding:18px 0}
  .index .num{width:48px}
  .index .iname{font-size:28px;flex:1;padding-right:10px}
  .index .icap{flex:none;width:100%;padding:8px 0 0 48px;font-size:15px}
  .index .ipic{display:none}
  .index a:hover{padding-left:12px;padding-right:12px}
  .steps{display:block;border-top:0}
  .steps li{border-right:0;border-top:1px solid var(--line2);margin:0;padding:24px 0}
  .amap{width:100%;max-width:420px;margin:0 0 30px}
  .alist{margin-left:0}
  .tgrid2>div:first-child{width:100%}
  .tinfo{margin:26px 0 0}
  .gmain img{height:64vw}
  .qside{width:auto;margin:26px 0 0}
  .phead-ph img{height:56vw}
  .phead h1{font-size:44px}
  .cta-in{display:block}
  .cta h2{font-size:46px}
  .cta-btns{margin:22px 0 0}
  .cta-btns .btn{margin:6px 12px 6px 0}
  .tgrid .tcard,.tgrid.four .tcard,.tgrid.five .tcard,.tgrid.two-up .tcard{width:calc(50% - 24px)}
  .mcard{width:calc(50% - 24px)}
  .cblock,.rv{width:calc(50% - 24px)}
  .fbig{font-size:14vw}
}
@media (max-width:760px){
  body{padding-bottom:62px;font-size:16.5px}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--ink)}
  .mbar a{flex:1;display:flex;align-items:center;justify-content:center;padding:16px 6px;color:var(--paper);text-decoration:none;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;border-right:1px solid rgba(244,239,230,.14)}
  .mbar a .ic{margin-right:7px}
  .mbar a.q{background:var(--clay);border-right:0;color:#fff}
  .wrap{padding:0 18px}
  .hero-tag{left:12px;bottom:12px}
  .hero-chip{right:12px;top:12px}
  .hero h1{font-size:44px;letter-spacing:-.025em}
  .hero .lead{font-size:17.5px}
  .btn.xl{padding:16px 22px;font-size:16.5px;display:block;text-align:center}
  .h2{font-size:34px}
  .sub{font-size:16.5px}
  .wm b{font-size:20px}
  .wm small{font-size:9px}
  .dnum b{font-size:52px;letter-spacing:-.04em}
  .dnum small{font-size:9px;letter-spacing:.04em;margin-top:6px}
  .dnum small .dl{display:none}
  .dial-nums{margin-bottom:0}
  .dinfo h3{font-size:26px}
  .dprice b{font-size:36px}
  .dact .btn{display:block;margin:0 0 10px}
  .feat{width:100%;margin:0 20px 28px}
  .tgrid .tcard,.tgrid.four .tcard,.tgrid.five .tcard,.tgrid.two-up .tcard,.mcard,.cblock,.rv{width:calc(100% - 24px)}
  .acol ul{-webkit-columns:2;columns:2}
  .fcol{min-width:46%;margin:0 0 24px}
  .fbrand{min-width:100%}
  .fbig{font-size:15.5vw;padding:6px 18px 0}
  .qrow{display:block;margin:0}
  .qrow>div{margin:0}
  .qbody{padding:18px 18px 22px}
  .qhead{padding:20px 18px 16px}
  .qu-ph{width:84px;height:66px;margin-right:10px}
  .sides{display:block;margin:0}
  .sides>div{margin:0 0 10px}
  .faqs summary{font-size:20px}
  .steps .n{font-size:56px}
  .index .iname{font-size:24px}
  .tinfo h1{font-size:38px}
  .h1q{font-size:40px}
}