.of-page{overflow:clip}.of-page [hidden]{display:none!important}.of-page section[id]{scroll-margin-top:110px}.of-page button{font:inherit;cursor:pointer}.of-page button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.of-section{padding-block:85px}.of-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:28px;display:flex}.of-hero{grid-template-columns:1fr 1.07fr;align-items:center;gap:60px;padding-block:70px 55px;display:grid}.of-hero .eyebrow{align-items:center;gap:9px;display:flex}.of-hero h1{font-size:clamp(55px,5.5vw,77px)}.of-hero-copy>p{max-width:490px;margin-top:26px;font-size:17px}.of-proof{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:25px;font-size:10px;display:flex}.of-proof>span{align-items:center;gap:5px;display:flex}.of-intro-strip{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:25px;font-size:14px;display:flex}.of-intro-strip>.icon{color:var(--accent)}.of-section-heading{justify-content:space-between;align-items:end;gap:45px;margin-bottom:38px;display:flex}.of-section-heading>p{max-width:360px;font-size:15px}.of-tabs{gap:12px;margin-bottom:22px;display:flex}.of-tabs button{color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:7px;justify-content:space-between;align-items:center;gap:25px;min-width:190px;padding:15px 20px;font-size:13px;transition:background .18s,color .18s,border-color .18s;display:flex}.of-tabs button:hover{background:var(--cool);border-color:var(--accent)}.of-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.of-example{border:1px solid var(--line);border-radius:14px;grid-template-columns:1.25fr 1fr;display:grid;overflow:hidden}.of-example-guide{align-self:center;padding:47px 37px}.of-example-guide .eyebrow{text-transform:uppercase;margin-bottom:17px;font-size:9px}.of-example-guide>h3{font-size:32px;line-height:1.12}.of-example-guide>p{margin-top:19px;font-size:14px}.of-guide-item{gap:14px;margin-top:27px;display:flex}.of-guide-item b{font-size:12px;font-weight:600}.of-guide-item p{margin-top:5px;font-size:12px}.of-example-guide>.of-setup-note{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;font-size:11px}.of-formats{background:var(--warm)}.of-format-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.of-format-art{background:var(--paper);border:1px solid #30272022;border-radius:9px;height:225px;padding:23px;position:relative;overflow:hidden}.of-format-popup{background:#d5d3c8}.of-mini-site{grid-template-columns:repeat(3,1fr);gap:10px;padding-top:47px;display:grid}.of-mini-site span{background:#eeece3;border-radius:4px;height:116px}.of-mini-popup{background:var(--ink);color:var(--paper);border-radius:5px;padding:20px;position:absolute;top:29px;left:18%;right:18%;box-shadow:0 8px 20px #3027201a}.of-mini-popup>span{letter-spacing:.09em;font-size:7px}.of-mini-popup strong{margin-top:17px;font:25px/1.08 Georgia,serif;display:block}.of-mini-popup>b{background:var(--highlight);color:var(--ink);border-radius:3px;justify-content:space-between;align-items:center;margin-top:15px;padding:9px;font-size:8px;font-weight:500;display:flex}.of-format-bar{padding:0}.of-mini-bar{background:var(--ink);color:var(--highlight);justify-content:center;align-items:center;gap:15px;padding:12px;font-size:9px;display:flex}.of-format-bar>strong{padding:20px 23px 15px;font:400 25px/1.15 Georgia,serif;display:block}.of-bar-tiles{gap:9px;padding:0 23px;display:flex}.of-bar-tiles span{background:var(--cool);border-radius:4px;flex:1;height:77px}.of-bar-tiles span:nth-child(2){background:#d3c5b6}.of-bar-tiles span:last-child{background:#e3dbc4}.of-format-inline>span{letter-spacing:.08em;font-size:7px}.of-format-inline>strong{margin-top:25px;font:24px/1.14 Georgia,serif;display:block}.of-mini-inline{background:var(--cool);border-radius:4px;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;padding:17px;display:flex}.of-mini-inline b{font-size:11px;font-weight:500}.of-format-title{justify-content:space-between;align-items:center;gap:10px;margin-top:22px;display:flex}.of-format-title h3{font-size:23px}.of-format-title>span{border:1px solid #30272044;border-radius:4px;padding:4px 7px;font-size:9px}.of-format-grid p{margin-top:13px;font-size:13px}.of-template-link{color:var(--muted);border-top:1px solid #30272022;justify-content:space-between;align-items:center;gap:25px;margin-top:35px;padding-top:26px;font-size:12px;display:flex}.of-template-link b{color:var(--ink);font-weight:550}.of-template-link .text-link{color:var(--ink)}.of-timing{background:var(--ink);color:var(--paper)}.of-timing h2 em{color:var(--cool)}.of-timing .text-link{color:var(--highlight);margin-top:26px}.of-timing a:focus-visible{outline-color:var(--highlight)}.of-measure-grid{grid-template-columns:repeat(3,1fr);gap:34px;display:grid}.of-measure-grid article{border-top:1px solid var(--line);padding-top:26px}.of-measure-grid h3{margin-top:20px;font-size:23px}.of-measure-grid p{margin-block:15px;font-size:13px}.of-measure-grid article>span{color:var(--accent);font-size:10px}.of-measure-grid .text-link{font-size:11px}.of-commerce-link{background:var(--cool);border-radius:9px;align-items:center;gap:24px;margin-top:40px;padding:29px;display:flex}.of-commerce-link>img{flex-shrink:0}.of-commerce-link h3{font-size:22px}.of-commerce-link p{margin-top:7px;font-size:12px}.of-commerce-link>.text-link{flex-shrink:0;margin-left:auto}.of-faq{grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:0;display:grid}.of-faq>div>.text-link{margin-top:25px}.of-faq details{border-bottom:1px solid var(--line)}.of-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:14px;font-weight:550;list-style:none;display:flex}.of-faq summary::-webkit-details-marker{display:none}.of-faq details[open] summary .icon{transform:rotate(45deg)}.of-faq details p{padding-bottom:22px;font-size:13px}.of-final{background:var(--cool);text-align:center;background-image:radial-gradient(#30272018 .8px,#0000 .8px);background-size:12px 12px;border-radius:16px;margin-bottom:85px;padding:62px 30px}.of-final>p{max-width:550px;margin:23px auto 0;font-size:14px}.of-final .of-actions{justify-content:center}@media (width<=1050px){.of-hero{gap:35px}.of-example-guide{padding:35px 28px}.of-format-grid{gap:22px}.of-mini-popup{left:12%;right:12%}.of-format-title h3{font-size:21px}.of-commerce-link{flex-wrap:wrap}.of-commerce-link>.text-link{margin-left:119px}}@media (width<=800px){.of-hero{gap:25px}.of-hero h1{font-size:54px}.of-hero-copy>p{font-size:15px}.of-intro-strip{gap:12px;font-size:11px}.of-section-heading{gap:25px}.of-section-heading>p{max-width:285px;font-size:13px}.of-tabs button{flex:1;gap:10px;min-width:0;padding:14px;font-size:12px}.of-example{grid-template-columns:1.1fr 1fr}.of-example-guide{padding:30px 25px}.of-example-guide>h3{font-size:28px}.of-example-guide>p{font-size:13px}.of-format-grid{gap:20px}.of-format-art{height:230px;padding:20px}.of-format-bar{padding:0}.of-mini-bar{gap:7px;padding:11px 8px;font-size:8px}.of-mini-popup{padding:17px;left:8%;right:8%}.of-mini-popup strong{font-size:23px}.of-format-inline>strong{font-size:22px}.of-mini-inline{gap:8px;padding:13px}.of-format-title{align-items:start}.of-format-title h3{font-size:20px}.of-measure-grid{gap:25px}.of-faq{gap:40px}}@media (width<=650px){.of-section{padding-block:58px}.of-hero{grid-template-columns:1fr;gap:36px;padding-block:43px 28px}.of-hero h1{font-size:clamp(49px,12vw,65px)}.of-hero h1 em br{display:none}.of-intro-strip{flex-wrap:wrap;justify-content:start;gap:12px;padding-block:22px;font-size:12px}.of-intro-strip>.icon{width:13px}.of-section-heading{margin-bottom:27px;display:block}.of-section-heading>p{max-width:none;margin-top:22px;font-size:14px}.of-section-heading>.text-link{margin-top:25px}.of-tabs{gap:8px}.of-tabs button{justify-content:center;padding:13px 10px;font-size:10px}.of-tabs .icon{display:none}.of-example{grid-template-columns:1fr}.of-example-guide{padding:30px 25px}.of-example-guide>h3{font-size:31px}.of-format-grid{grid-template-columns:1fr;gap:30px}.of-format-art{height:227px;padding:24px}.of-format-bar{padding:0}.of-mini-popup{padding:20px;left:20%;right:20%}.of-mini-popup strong{font-size:25px}.of-mini-bar{padding:13px;font-size:10px}.of-format-bar>strong,.of-format-inline>strong{font-size:28px}.of-mini-inline{padding:18px}.of-format-title h3{font-size:25px}.of-template-link{flex-direction:column;align-items:start;gap:15px;line-height:1.8}.of-measure-grid{grid-template-columns:1fr;gap:30px}.of-measure-grid h3{margin-top:14px}.of-commerce-link{gap:16px;padding:24px}.of-commerce-link>.text-link{margin-left:0}.of-faq{grid-template-columns:1fr;gap:25px;padding-top:0}.of-final{margin-bottom:55px;padding:46px 23px}.of-final h2{font-size:38px}.of-final .of-actions{gap:22px}}@media (width<=360px){.of-tabs button{padding:12px 8px;font-size:9px}}@media (prefers-reduced-motion:reduce){.of-page *{transition:none!important;animation:none!important}}.of-page .of-hero{text-align:center;padding-block:80px 54px;display:block}.of-page .of-hero-copy{max-width:820px;margin-inline:auto}.of-page .of-hero .eyebrow,.of-page .of-hero .of-actions,.of-page .of-hero .of-proof{justify-content:center}.of-page .of-hero-copy>p{max-width:650px;margin-inline:auto}.of-product-intro{padding-bottom:52px}.of-page .of-example-summary{display:block}.of-example-summary .of-example-guide{grid-template-columns:1fr 1fr;gap:16px 48px;padding:36px;display:grid}.of-example-summary .of-example-guide>.eyebrow,.of-example-summary .of-example-guide>h3,.of-example-summary .of-example-guide>p{grid-column:1/-1}.of-example-summary .of-example-guide>p{max-width:780px;margin-top:0}.of-example-summary .of-guide-item{margin-top:8px}.of-example-summary .of-setup-note{width:100%;margin-bottom:0}.of-timing>.wrap>.of-section-heading>p{color:#d1c8bf}.of-timing-notes{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px;display:grid}.of-timing-notes p{color:#d1c8bf;font-size:13px}.of-timing-notes strong{color:var(--paper);margin-bottom:6px;display:block}@media (width<=720px){.of-page .of-hero{padding-block:50px 40px}.of-example-summary .of-example-guide{grid-template-columns:1fr;gap:18px;padding:24px}.of-timing-notes{grid-template-columns:1fr;gap:16px}}