@font-face{font-family:"Cormorant Infant";src:url("assets/cormorant-infant.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f8f6f1;--ink:#262923;--muted:#67685f;--rule:#d3d0c6;--wash:#eeece4;--gold:#74603f;--serif:"Cormorant Infant",Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--mono:"Courier New",monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
body,button{font-family:var(--sans)}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:5px}
a[aria-current="page"]{color:var(--gold);text-decoration:underline;text-underline-offset:6px}
img{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3{margin:0}
h1,h2,h3{font-weight:400}
button[hidden]{display:none}
.wrap{width:calc(100% - 112px);max-width:1312px;margin-inline:auto}
.eyebrow{font:11px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.text-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;border-bottom:1px solid var(--ink);padding-block:9px;min-height:44px}
.text-link:hover{text-decoration:none;border-bottom-color:var(--gold);color:var(--gold)}
.skip-link{position:absolute;top:10px;left:10px;z-index:10;background:var(--ink);color:var(--paper);padding:10px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.site-header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--rule);position:relative}
.wordmark{font-size:23px;font-weight:500;letter-spacing:.29em;line-height:1.2}
.wordmark:hover{text-decoration:none}
.site-nav{display:flex;gap:36px;align-items:center;font-size:13px}
.site-nav a{padding-block:14px;min-height:44px}
.nav-number{font:9px var(--mono);color:var(--gold);padding-left:4px;vertical-align:super}
.menu-toggle{display:none;background:none;border:0;padding:12px 0 12px 12px;min-height:44px;font:13px var(--sans);gap:15px;align-items:center}
.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(40px,7.5vw,116px);padding-block:66px 50px;align-items:center}
.hero-copy{min-width:0}
.hero h1{font:400 clamp(64px,6.8vw,100px)/.98 var(--serif);letter-spacing:-.045em;margin-block:23px 37px}
.product-intro{display:flex;align-items:center;gap:20px;scroll-margin-top:32px}
.product-icon{width:64px;height:64px;border-radius:14px}
.product-intro .eyebrow{font-size:10px;color:var(--gold)}
.product-intro h2{font:400 36px/1.05 var(--serif);letter-spacing:-.015em;margin-top:3px}
.hero-description{font-size:15px;line-height:1.8;max-width:355px;margin-top:23px;color:var(--muted)}
.download-group{display:flex;align-items:center;flex-wrap:wrap;column-gap:21px;row-gap:8px;margin:22px 0 10px}
.app-store-link{display:inline-block;padding:14px; margin-left:-14px;flex-shrink:0;line-height:0}
.app-store-link img{width:162px;height:54px}
.download-note{font-size:11px;line-height:1.9;color:var(--muted)}
.explore-link{font-size:12px;gap:34px;margin-top:6px;border-bottom-color:var(--rule)}
.hero-image{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.photo-window{height:clamp(470px,42.5vw,610px);background:var(--wash);overflow:hidden}
.photo-window img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.hero-image figcaption{display:flex;justify-content:space-between;gap:12px;font:italic 16px/1.5 var(--serif);padding-top:15px}
.hero-image figcaption .eyebrow{font-style:normal;font-size:9px;color:var(--muted)}
.utility-strip{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;padding-block:21px;font:10px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.utility-strip span:last-child{color:var(--gold)}
.experience{padding-block:100px}
.section-heading{display:grid;grid-template-columns:1fr 2.1fr 1.35fr;gap:30px;align-items:start}
.section-heading .eyebrow{padding-top:10px}
.section-heading h2{font:400 clamp(38px,3.4vw,51px)/1.06 var(--serif);letter-spacing:-.025em}
.section-heading>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);max-width:250px;padding-top:9px}
.experience-grid{display:grid;grid-template-columns:1fr 1.22fr;gap:clamp(50px,9vw,140px);align-items:center;margin-top:55px}
.feature-list{min-width:0}
.feature-button{display:grid;grid-template-columns:24px 1fr 20px;gap:15px;align-items:center;width:100%;min-height:106px;padding:21px 6px 21px 0;background:none;border:0;border-bottom:1px solid var(--rule);text-align:left;transition:color .18s,background .18s}
.feature-button:first-child{border-top:1px solid var(--rule)}
.feature-number{align-self:start;padding-top:4px;font:10px/1.6 var(--mono);color:var(--muted)}
.feature-button strong{font-weight:400;font-size:17px;line-height:1.4;display:block}
.feature-summary{display:block;font-size:12px;line-height:1.7;margin-top:6px;color:var(--muted)}
.feature-arrow{opacity:0;transition:opacity .18s;font-size:19px}
.feature-button:hover{background:#eeece480}
.feature-button.is-active{color:var(--gold)}
.feature-button.is-active .feature-arrow,.feature-button:hover .feature-arrow{opacity:1}
.feature-button.is-active .feature-number{color:var(--gold)}
.small-note{margin-top:35px;font:italic 25px/1.35 var(--serif);color:var(--muted)}
.feature-preview{min-width:0}
.artwork-stage{background:#f5f0eb;min-height:500px;display:flex;justify-content:center;align-items:center;padding:20px}
.artwork-stage img{height:560px;width:auto;max-width:100%;object-fit:contain;aspect-ratio:600/1299}
.feature-preview figcaption{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-top:24px;min-height:128px}
.feature-preview h3{font:400 25px/1.2 var(--serif);margin-bottom:9px}
.feature-preview figcaption p{max-width:370px;font-size:12px;line-height:1.8;color:var(--muted)}
.feature-preview figcaption>.eyebrow{white-space:nowrap;margin-top:5px;font-size:9px;color:var(--gold)}
.fallback-note{font-size:13px;margin-top:20px}
.fallback-note a{text-decoration:underline}
.philosophy{background:var(--wash);padding-block:85px}
.philosophy-inner{display:grid;grid-template-columns:1fr 2fr;gap:40px}
.philosophy-inner>.eyebrow{padding-top:13px}
.philosophy h2{font:400 clamp(44px,4.7vw,67px)/1.06 var(--serif);letter-spacing:-.025em;margin-bottom:28px}
.philosophy-copy{max-width:650px}
.philosophy-copy p{font-size:15px;line-height:1.85;color:var(--muted);max-width:540px;margin-bottom:19px}
.philosophy-copy .text-link{margin-top:8px}
.practical{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;padding-block:85px 65px}
.practical h2{font:400 44px/1.1 var(--serif);margin-top:18px;letter-spacing:-.02em}
.faq-list details{border-bottom:1px solid var(--rule)}
.faq-list details:first-child{border-top:1px solid var(--rule)}
.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:20px 0;list-style:none;cursor:pointer;font-size:14px;min-height:64px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:17px;color:var(--gold);transition:transform .18s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{font-size:13px;color:var(--muted);max-width:500px;padding-bottom:24px;padding-right:35px;line-height:1.8}
.faq-list p a{text-decoration:underline;text-underline-offset:3px}
.closing{border-top:1px solid var(--rule);padding-block:38px 45px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.closing p{font:italic 30px/1.3 var(--serif)}
.closing .text-link{font-size:13px}
.site-footer{border-top:1px solid var(--rule);padding-block:30px 22px}
.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}
.footer-top>.eyebrow{font-size:9px}
.footer-top nav{display:flex;gap:27px;font-size:11px}
.footer-top nav a{padding-block:12px;min-height:44px}
.footer-wordmark{font:400 clamp(54px,11.5vw,158px)/1.2 var(--sans);letter-spacing:.12em;margin:24px 0 19px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;font:9px/1.8 var(--mono);letter-spacing:.025em;color:var(--muted)}
.legal-note{font-size:9px;line-height:1.6;color:var(--muted);margin-top:19px;max-width:660px}
.inner-page{padding-bottom:20px}
.page-heading{padding-block:32px 64px}
.breadcrumb{display:inline-flex;gap:12px;align-items:center;min-height:44px;margin-bottom:37px;color:var(--muted);font-size:11px}
.breadcrumb span{color:var(--rule)}
.page-heading h1{font:400 clamp(64px,7.5vw,104px)/1.02 var(--serif);letter-spacing:-.035em;margin-block:18px 27px}
.page-lead{font:italic clamp(24px,2.7vw,34px)/1.4 var(--serif);max-width:620px}
.page-intro{max-width:620px;font-size:15px;line-height:1.85;color:var(--muted)}
.policy-date{font:11px/1.8 var(--mono);color:var(--gold);margin-bottom:22px}
.reading-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:80px;border-top:1px solid var(--rule);padding-block:49px 80px}
.page-rail{min-width:0}
.page-rail>.eyebrow{color:var(--gold);margin-bottom:20px}
.rail-note{font:italic 28px/1.3 var(--serif);color:var(--muted)}
.editorial-prose{max-width:680px;min-width:0}
.editorial-prose p{font-size:17px;line-height:1.9;margin-bottom:27px}
.editorial-prose p:nth-child(4){font:italic 36px/1.3 var(--serif);margin-block:39px}
.editorial-prose p.signature{font:italic 30px/1.4 var(--serif);margin-top:40px;margin-bottom:0}
.policy-toc ol{margin:0;padding:0;list-style:none}
.policy-toc a{display:block;min-height:44px;padding-block:10px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.policy-prose{min-width:0;max-width:680px;overflow-wrap:anywhere}
.policy-prose section{scroll-margin-top:32px;margin-bottom:40px}
.policy-prose h2{font:400 32px/1.2 var(--serif);letter-spacing:-.015em;margin-bottom:17px}
.policy-prose p{font-size:15px;line-height:1.9;margin-bottom:16px}
.policy-prose ul{margin:0 0 21px;padding-left:22px}
.policy-prose li{padding-left:7px;margin-bottom:8px}
.policy-prose li p{margin:0}
.policy-prose a{text-decoration:underline;text-underline-offset:4px}
.support-content{max-width:600px;min-width:0}
.support-content h2{font:400 39px/1.2 var(--serif);margin-bottom:20px}
.support-content>p,.support-tips>p:last-child{color:var(--muted);font-size:15px;line-height:1.85}
.contact-button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;min-height:54px;padding:15px 24px;margin-top:25px;background:var(--ink);color:var(--paper);font-size:13px}
.contact-button:hover{background:var(--gold);text-decoration:none}
.support-content>.contact-note{font-size:11px;margin-top:13px}
.contact-note a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.support-tips{border-top:1px solid var(--rule);margin-top:42px;padding-top:25px}
.support-tips>.eyebrow{color:var(--gold);margin-bottom:13px}
.support-grid{padding-bottom:58px}
.support-page .practical{border-top:1px solid var(--rule);padding-top:57px}
.footer-top nav{flex-wrap:wrap;gap:10px 27px}
@media(min-width:1500px){.photo-window{height:630px}}
@media(max-width:1050px){
  .reading-grid{gap:45px}
  .wrap{width:calc(100% - 72px)}
  .site-nav{gap:24px}
  .hero{gap:38px;padding-top:48px}
  .hero h1{font-size:72px}
  .hero-image figcaption{flex-direction:column;gap:3px}
  .download-group{column-gap:10px}
  .section-heading{grid-template-columns:1fr 2fr}
  .section-heading>p:last-child{grid-column:2;max-width:370px;padding-top:0}
  .experience-grid{gap:45px}
  .feature-button strong{font-size:15px}
  .artwork-stage{padding:15px}
  .artwork-stage img{height:520px}
  .feature-preview figcaption{gap:16px}
  .philosophy-inner{grid-template-columns:1fr 2.1fr}
  .practical{gap:45px}
}
@media(max-width:760px){
  .page-heading{padding-block:22px 38px}
  .breadcrumb{margin-bottom:22px}
  .page-heading h1{font-size:clamp(58px,11vw,80px);margin-block:16px 23px}
  .page-lead{font-size:27px}
  .page-intro{font-size:14px}
  .reading-grid{grid-template-columns:1fr;gap:30px;padding-block:30px 45px}
  .page-rail>.eyebrow{margin-bottom:13px}
  .rail-note{font-size:25px}
  .editorial-prose p{font-size:15px;line-height:1.85;margin-bottom:23px}
  .editorial-prose p:nth-child(4){font-size:31px;margin-block:31px}
  .editorial-prose p.signature{font-size:27px;margin-top:32px}
  .policy-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
  .policy-toc a{font-size:11px}
  .policy-prose h2{font-size:29px}
  .policy-prose p{font-size:14px}
  .policy-prose section{margin-bottom:32px}
  .support-content h2{font-size:34px}
  .support-content>p,.support-tips>p:last-child{font-size:14px}
  .support-page .practical{padding-top:37px}
  .inner-page{padding-bottom:0}
  .wrap{width:calc(100% - 40px)}
  .site-header{min-height:86px;flex-wrap:wrap;gap:0}
  .wordmark{font-size:20px;letter-spacing:.25em}
  .menu-toggle:not([hidden]){display:flex}
  .site-nav{width:100%;flex-wrap:wrap;gap:8px 24px;padding:8px 0 20px;justify-content:flex-start}
  .has-js .site-nav{display:none}
  .has-js .site-nav.is-open{display:flex}
  .hero{grid-template-columns:1fr;gap:36px;padding-block:39px 33px}
  .hero h1{font-size:clamp(62px,11.5vw,86px);margin-block:20px 31px;letter-spacing:-.035em}
  .hero-description{font-size:15px;max-width:440px;margin-top:19px}
  .product-icon{width:57px;height:57px;border-radius:12px}
  .product-intro h2{font-size:33px}
  .product-intro{gap:17px}
  .download-group{column-gap:18px;margin-top:16px}
  .download-note{font-size:10px}
  .hero-image figcaption{flex-direction:row;padding-top:12px}
  .photo-window{height:clamp(320px,70vw,500px)}
  .photo-window img{object-position:center 23%}
  .utility-strip{flex-wrap:wrap;gap:8px 20px;font-size:9px;padding-block:17px}
  .utility-strip span:nth-child(2){display:none}
  .experience{padding-block:60px 54px}
  .section-heading{grid-template-columns:1fr;gap:17px}
  .section-heading .eyebrow{padding-top:0}
  .section-heading h2{font-size:42px}
  .section-heading>p:last-child{grid-column:auto;font-size:13px;max-width:330px}
  .experience-grid{grid-template-columns:1fr;gap:25px;margin-top:28px}
  .feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
  .feature-button{grid-template-columns:20px 1fr;gap:8px;padding:17px 0;min-height:85px}
  .feature-button:nth-child(2){border-top:1px solid var(--rule)}
  .feature-button strong{font-size:13px;line-height:1.4}
  .feature-number{font-size:9px;padding-top:1px}
  .feature-summary,.feature-arrow,.small-note{display:none}
  .feature-button.is-active{box-shadow:inset 0 -2px var(--gold)}
  .artwork-stage{min-height:0;padding:20px 12px}
  .artwork-stage img{height:490px;max-width:100%}
  .feature-preview figcaption{min-height:122px;padding-top:20px;gap:18px}
  .feature-preview h3{font-size:25px}
  .feature-preview figcaption p{font-size:12px}
  .philosophy{padding-block:49px}
  .philosophy-inner{grid-template-columns:1fr;gap:23px}
  .philosophy-inner>.eyebrow{padding-top:0}
  .philosophy h2{font-size:46px;margin-bottom:22px}
  .philosophy-copy p{font-size:14px}
  .practical{grid-template-columns:1fr;gap:27px;padding-block:52px 38px}
  .practical h2{font-size:40px;margin-top:14px}
  .faq-list summary{font-size:13px;gap:15px}
  .closing{flex-direction:column;align-items:flex-start;gap:17px;padding-block:28px 35px}
  .closing p{font-size:28px}
  .footer-top{flex-direction:column;align-items:flex-start;gap:9px}
  .footer-top nav{gap:29px}
  .footer-wordmark{font-size:clamp(38px,10.4vw,76px);letter-spacing:.13em;margin-block:16px 23px}
  .footer-bottom{font-size:8px;gap:15px;flex-wrap:wrap}
  .legal-note{font-size:8px;line-height:1.7}
}
@media(max-width:370px){
  .hero>.hero-copy>.eyebrow{font-size:9px}
  .download-group{gap:0 12px}
  .download-note{width:100%;font-size:11px;margin-top:1px}
  .hero h1{font-size:60px}
  .hero-image figcaption .eyebrow{font-size:8px}
  .section-heading h2{font-size:37px}
  .feature-list{gap:0 12px}
  .feature-button strong{font-size:12px}
  .philosophy h2{font-size:40px}
  .feature-preview figcaption{gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}