.drawn-wrap{box-sizing:border-box;width:100%;max-width:1248px;margin:0 auto;padding-inline:clamp(20px,4cqw,48px)}.drawn-hero{flex-wrap:wrap;align-items:center;gap:40px 64px;padding-block:clamp(40px,6cqw,72px) clamp(48px,7cqw,88px);display:flex}.drawn-hero__words{flex-direction:column;flex:420px;gap:16px;min-width:0;display:flex}.drawn-hero h1{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);text-wrap:balance;margin:0;font-size:clamp(32px,4cqw,54px);line-height:1.08}.drawn-hero__words>p:not(.mv-eyebrow){font:var(--type-body);color:var(--text-secondary);text-wrap:pretty;max-width:46ch;margin:0;font-size:18px;line-height:1.55}.drawn-hero__actions{font:var(--type-label);flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:12px;display:flex}.drawn-hero__image{aspect-ratio:4/3;background:#e9e6e2;border-radius:18px;flex:1.1 460px;min-width:0;position:relative;overflow:hidden}.drawn-hero__image>img:first-child{object-fit:cover;width:100%;height:100%;display:block}.drawn-hero__cover{aspect-ratio:4/5;object-fit:cover;width:28%;height:auto;box-shadow:var(--shadow-md);border:3px solid #fff;border-radius:8px;position:absolute;bottom:3%;right:2.5%}.drawn-intro{flex-direction:column;gap:8px;max-width:600px;display:flex}.drawn-intro h2{font:var(--type-title);letter-spacing:var(--tracking-tight);text-wrap:pretty;margin:0}.drawn-intro p{font:var(--type-body);color:var(--text-secondary);text-wrap:pretty;margin:0}.drawn-examples{background:var(--sand-100);scroll-margin-top:90px}.drawn-examples__inner{flex-direction:column;gap:36px;padding-block:clamp(40px,7cqw,88px) clamp(40px,6cqw,72px);display:flex}.drawn-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}#place-stories .drawn-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.drawn-tabs button{text-align:left;cursor:pointer;border:1.5px solid var(--border-subtle);color:var(--text-primary);background:0 0;border-radius:12px;align-items:center;gap:14px;padding:10px 14px 10px 10px;transition:background .14s,border-color .14s;display:flex}.drawn-tabs button[aria-selected=true]{background:var(--surface-card);border-color:var(--terracotta-700)}.drawn-tabs button:hover{border-color:var(--border-control)}.drawn-tabs button:focus-visible{outline:2px solid var(--terracotta-700);outline-offset:3px}.drawn-tabs img{object-fit:cover;background:var(--sand-200);border-radius:8px;flex:0 0 56px}.drawn-tabs button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.drawn-tab-title{font:italic 400 18px/1.25 var(--font-serif)}.drawn-caption{font:var(--type-caption);color:var(--text-secondary)}.drawn-story{flex-wrap:wrap;align-items:center;gap:32px 56px;display:flex}.drawn-story__visual{flex-direction:column;flex:1.2 520px;gap:14px;min-width:0;display:flex}.drawn-scene{aspect-ratio:4/3;border:1px solid var(--border-subtle);background:#e9e6e2;border-radius:18px;position:relative;overflow:hidden}.drawn-scene__tile{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.drawn-phone{aspect-ratio:9/19;box-sizing:content-box;border:7px solid var(--sand-900);background:var(--sand-900);width:29%;box-shadow:var(--shadow-lg);border-radius:28px;transition:transform .72s cubic-bezier(.16,1,.3,1);position:absolute;bottom:5%;right:6%;overflow:hidden;transform:translate(55%,62%)rotate(9deg)}.drawn-scene[data-open=true] .drawn-phone{transform:translate(0)rotate(-5deg)}.drawn-phone__screen{background:var(--surface-page);opacity:0;flex-direction:column;transition:opacity .56s cubic-bezier(.2,.6,.2,1);display:flex;position:absolute;inset:0}.drawn-scene[data-open=true] .drawn-phone__screen{opacity:1;transition-delay:.38s}.drawn-phone__frame{background:var(--surface-page);transform-origin:0 0;pointer-events:none;border:0;transition:opacity .48s;position:absolute;top:0;left:0}.drawn-phone__screen>img{object-fit:cover;width:100%;height:52%;display:block}.drawn-phone__screen>div{font:400 clamp(8px,.7cqw,10px)/1.3 var(--font-sans);color:var(--text-secondary);flex-direction:column;gap:4px;padding:10% 9% 0;display:flex}.drawn-phone__screen .drawn-phone__title{font:italic 400 clamp(11px,1.25cqw,16px)/1.2 var(--font-serif);color:var(--text-primary)}.drawn-phone__screen p{color:var(--text-primary);margin:4px 0 0;font-size:clamp(8px,.75cqw,11px)}.drawn-hint{background:var(--surface-card);border:1px solid var(--border-subtle);max-width:60%;font:var(--type-caption);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:opacity .36s;display:flex;position:absolute;bottom:16px;left:16px}.drawn-scene[data-open=true] .drawn-hint{opacity:0}.drawn-story__caption{font:var(--type-body-sm);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.drawn-story__caption button{cursor:pointer;font:var(--type-label);color:var(--text-accent);background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;display:flex}.drawn-story__words{flex-direction:column;flex:360px;gap:16px;min-width:0;display:flex}.drawn-story__words h3{font:italic 400 clamp(28px,3cqw,40px)/1.15 var(--font-serif);letter-spacing:-.01em;text-wrap:balance;margin:0}.drawn-hook{font-weight:var(--weight-semibold);font-size:18px;line-height:var(--leading-snug);margin:0}.drawn-story__body{font:var(--type-body);color:var(--text-secondary);text-wrap:pretty;max-width:48ch;margin:0}.drawn-story figure{border-top:1px solid var(--border-hairline);flex-direction:column;gap:6px;margin:8px 0 0;padding:16px 0 0;display:flex}.drawn-story blockquote{font:var(--type-dedication);margin:0}.drawn-story figcaption{font:var(--type-caption);color:var(--text-secondary)}.drawn-story__actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:12px;display:flex}.drawn-story__actions>a:last-child,.drawn-big>a{font:var(--type-label);align-items:center;gap:8px;display:inline-flex}.drawn-story__actions .mv-btn{white-space:normal;text-align:left}.drawn-example-note{max-width:80ch;margin:0}.drawn-sizes{flex-direction:column;gap:32px;padding-block:clamp(40px,7cqw,88px);scroll-margin-top:90px;display:flex}.drawn-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.drawn-size{flex-direction:column;gap:14px;display:flex}.drawn-size__photo{aspect-ratio:1;border:1px solid var(--border-subtle);background:#e9e6e2;border-radius:12px;position:relative;overflow:hidden}.drawn-size__photo img{object-fit:cover;width:100%;height:100%;display:block}.drawn-size h3,.drawn-big h3{font:var(--type-heading);margin:0}.drawn-size p,.drawn-big p{font:var(--type-body-sm);color:var(--text-secondary);text-wrap:pretty;margin:4px 0 0}.drawn-size p.drawn-caption{font:var(--type-caption);margin-top:8px}.drawn-big{background:var(--sand-100);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:20px 24px;display:flex}.drawn-start{border-top:1px solid var(--border-hairline)}.drawn-start>div{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:704px;margin:0 auto;padding:clamp(48px,8cqw,96px) clamp(20px,4cqw,48px) clamp(56px,9cqw,104px);display:flex}.drawn-start__price{font:var(--type-body);color:var(--text-secondary);margin:0}.drawn-start h2{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0;font-size:clamp(32px,4cqw,48px);line-height:1.1}.drawn-start__form{flex-direction:column;gap:16px;width:100%;max-width:560px;display:flex}.drawn-start form{text-align:left;flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.drawn-start form>.mv-input-wrap{flex:260px;min-width:0}.drawn-start form .mv-input{min-height:52px}.drawn-start form>.mv-btn{flex:1 0 auto}.drawn-start__form>a{font:var(--type-body-sm)}.drawn-privacy{text-align:left;border-top:1px solid var(--border-hairline);align-items:flex-start;gap:12px;max-width:52ch;margin-top:40px;padding-top:24px;display:flex}.drawn-privacy>.mv-icon{color:var(--text-accent);padding-top:2px}.drawn-privacy h3{font:var(--type-label);margin:0}.drawn-privacy p{font:var(--type-body-sm);color:var(--text-secondary);text-wrap:pretty;margin:4px 0 0}.drawn-footer{background:var(--sand-900);color:var(--text-on-inverse)}.drawn-footer>.drawn-wrap{flex-direction:column;gap:48px;padding-block:64px 40px;display:flex}.drawn-footer__columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:32px;display:grid}.drawn-footer nav{flex-direction:column;gap:10px;display:flex}.drawn-footer h2{font:var(--type-caption);letter-spacing:var(--tracking-caps);text-transform:uppercase;opacity:.72;margin:0 0 4px}.drawn-footer nav a{font:var(--type-body-sm);color:var(--text-on-inverse)}.drawn-footer__bottom{font:var(--type-caption);opacity:.72;border-top:1px solid #ffffff29;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;display:flex}@container (max-width:800px){.drawn-tabs,#place-stories .drawn-tabs{grid-template-columns:1fr}.drawn-story__visual,.drawn-story__words{flex-basis:100%}.drawn-tabs button{min-height:78px}}@container (max-width:600px){.drawn-size-grid{grid-template-columns:1fr}.drawn-phone{border-width:5px;border-radius:20px}.drawn-story__actions{align-items:stretch}.drawn-story__actions>.mv-btn{width:100%}}@media (prefers-reduced-motion:reduce){.drawn-phone,.drawn-phone__screen,.drawn-hint{transition:none!important}.drawn-scene .drawn-phone{transform:translate(0)rotate(-5deg)}.drawn-scene .drawn-phone__screen{opacity:1}.drawn-hint{display:none}}.drawn-viewer{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px 72px;padding-block:clamp(32px,5cqw,64px) clamp(48px,7cqw,88px);display:flex}.drawn-viewer__words{flex-direction:column;flex:320px;gap:16px;min-width:0;max-width:460px;display:flex}.drawn-viewer__words h1{font:italic 400 clamp(32px,4cqw,48px)/1.1 var(--font-serif);letter-spacing:-.01em;text-wrap:balance;margin:0}.drawn-viewer__words p{font:var(--type-body);color:var(--text-secondary);text-wrap:pretty;margin:0}.drawn-viewer__actions .mv-btn{white-space:normal;text-align:left}.drawn-viewer__actions{font:var(--type-label);flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:8px;display:flex}.drawn-viewer__actions>a:last-child{align-items:center;gap:8px;display:inline-flex}.drawn-device{box-sizing:border-box;border:12px solid var(--sand-900);background:var(--sand-900);width:min(390px,100%);height:min(812px,100vh - 150px);min-height:560px;box-shadow:var(--shadow-lg);border-radius:52px;flex:none;position:relative;overflow:hidden}.drawn-device:before{content:"";background:var(--sand-900);z-index:2;border-radius:14px;width:96px;height:24px;margin-left:-48px;position:absolute;top:8px;left:50%}.drawn-device iframe{background:var(--surface-page);border:0;border-radius:40px;width:100%;height:100%;display:block}@container (max-width:600px){.drawn-device{border-width:8px;border-radius:34px;height:calc(100vh - 220px);min-height:480px}.drawn-device:before{display:none}.drawn-device iframe{border-radius:26px}}.drawn-size__photo{aspect-ratio:4/3}.drawn-size__open{cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.drawn-size__open:focus-visible,.drawn-size__thumbs button:focus-visible{outline:2px solid var(--terracotta-700);outline-offset:2px}.drawn-size__dialog{background:var(--surface-card);width:min(760px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);color:var(--text-primary);box-shadow:var(--shadow-lg);border:0;border-radius:18px;margin:auto;padding:16px;overflow:auto}.drawn-size__dialog::backdrop{background:#3027206b}.drawn-size__dialog-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.drawn-size__dialog-head h2{font:var(--type-heading);margin:0}.drawn-size__dialog-photo{aspect-ratio:4/3;background:var(--sand-100);border-radius:12px;position:relative;overflow:hidden}.drawn-size__dialog-photo img{object-fit:contain;width:100%;height:100%;display:block}.drawn-size__thumbs{gap:8px;padding:12px 2px 4px;display:flex;overflow-x:auto}.drawn-size__thumbs button{aspect-ratio:4/3;cursor:pointer;background:var(--sand-100);border:2px solid #0000;border-radius:6px;flex:0 0 88px;padding:0;overflow:hidden}.drawn-size__thumbs button[aria-current=true]{border-color:var(--terracotta-700)}.drawn-size__thumbs img{object-fit:cover;width:100%;height:100%;display:block}.drawn-search{flex:260px;min-width:0;position:relative}.drawn-search__results{z-index:30;background:var(--surface-primary,#fff);border:1px solid var(--border-hairline);text-align:left;border-radius:8px;max-height:320px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #0002}.drawn-search__results ul{margin:0;padding:4px;list-style:none}.drawn-search__results button{width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:4px;padding:12px;display:block}.drawn-search__results [aria-selected=true] button,.drawn-search__results button:hover{background:var(--sand-100,#f6f1eb)}.drawn-search__results small{color:var(--text-secondary);display:block}.drawn-search__results p{font:var(--type-body-sm);color:var(--text-secondary);margin:0;padding:12px}
