@import url('./assets/fonts.css');
:root{color-scheme:dark;--bg:#111113;--panel:#1c1b1f;--paper:#edeae2;--ink:#151317;--accent:#b498ef;--muted:#aaa6b1;--line:#39353f;--body:'Manrope',Arial,sans-serif;--display:'Oswald','Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#080809;color:var(--paper);font:400 16px/1.6 var(--body);-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button,a,input,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent)}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08}img{display:block;width:100%;height:100%;object-fit:cover}button svg,a svg{width:22px;height:22px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}svg{overflow:visible}.app{max-width:560px;margin:auto;background:var(--bg);position:relative;overflow:clip;min-height:100svh;padding-bottom:104px}.skip{position:fixed;top:-100px;z-index:150;background:var(--accent);color:var(--ink);padding:12px}.skip:focus{top:8px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;z-index:3}.wordmark{display:flex;align-items:center;gap:10px;min-height:48px;font-size:14px;font-weight:800;letter-spacing:.015em}.wordmark img{width:28px;height:28px;object-fit:contain}.menu-button{border:1px solid var(--line);background:transparent;width:48px;height:48px;display:grid;place-items:center;border-radius:50%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--muted)}.hand{font-family:Georgia,serif;font-style:italic;line-height:1.15;font-size:21px}.hero{position:relative}.hero h1{font:600 clamp(54px,19.7vw,110px)/1.12 var(--display);letter-spacing:-.055em;white-space:nowrap;width:117%;transform:scaleX(.85);transform-origin:left;margin-left:-2px}.hero-copy{padding:20px 24px 0;position:relative;z-index:2}.hero-copy>.eyebrow{margin-bottom:18px;color:var(--muted)}.slogan{font-size:16px;line-height:1.55;margin:15px 0 22px;max-width:320px}.facts{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:600}.facts span+span{border-left:1px solid var(--accent);padding-left:18px}.hero-art{position:relative;margin:28px 20px 0;height:410px;isolation:isolate}.hero-art>img{object-position:center 30%}.torn{clip-path:polygon(1% 1%,7% 1.5%,12% 0,18% 1%,23% .4%,28% 1.3%,34% 0,41% 1%,49% .5%,54% 1.4%,61% 0,68% 1%,74% 0,81% 1.1%,88% .4%,94% 1%,99% 0,98.7% 8%,100% 14%,99% 21%,100% 29%,99% 36%,100% 44%,99% 52%,100% 60%,99% 68%,100% 74%,99% 81%,100% 88%,99% 98%,92% 99%,85% 98.5%,78% 100%,72% 98.5%,65% 99%,58% 98%,51% 100%,44% 99%,37% 100%,30% 98.5%,24% 100%,17% 99%,11% 100%,6% 99%,0 100%,1% 92%,0 83%,1% 75%,0 68%,1% 60%,0 51%,1% 44%,0 36%,1% 28%,0 20%,1% 12%)}.tape{position:absolute;background:rgba(180,152,239,.77);height:32px;width:145px;z-index:2;transform:rotate(-8deg);clip-path:polygon(2% 0,100% 4%,98% 96%,0 100%);mix-blend-mode:screen}.tape-one{top:24%;left:-9px}.tape-two{top:36%;right:-10px;transform:rotate(8deg);width:125px}.art-note{position:absolute;z-index:3;background:var(--bg);padding:18px;right:10%;top:59%;transform:rotate(-7deg);max-width:180px;font-size:19px}.cross{display:block;width:24px;height:34px;position:relative;margin-top:12px}.cross:before,.cross:after{content:'';position:absolute;background:var(--accent)}.cross:before{width:2px;height:34px;left:11px}.cross:after{width:24px;height:2px;top:10px}.hero-caption{padding:20px 24px 28px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hero-caption span:last-child{color:var(--accent)}.section{padding:64px 24px;border-top:1px solid var(--line);position:relative;scroll-margin-top:20px}.section-heading{margin-bottom:28px}.section-heading .eyebrow{color:var(--accent);margin-bottom:18px}.section h2{font:500 48px/1.08 var(--display);letter-spacing:-.025em}.section h3{font-size:21px;line-height:1.3}.section p{margin-top:18px}.section p+ p{margin-top:14px}.big-statement{font:500 45px/1.16 var(--display);letter-spacing:-.025em}.big-statement em{font-style:normal;color:var(--accent)}.underline{position:relative;display:inline-block}.underline:after{content:'';position:absolute;height:5px;background:var(--accent);bottom:-9px;left:0;right:0;clip-path:polygon(0 40%,98% 0,100% 80%,0 100%);transform:rotate(-2deg)}.paper-note{background:var(--paper);color:var(--ink);padding:28px 24px;box-shadow:0 12px 22px #0005;position:relative;transform:rotate(-2deg);margin-top:32px}.paper-note:before{content:'';position:absolute;top:-13px;left:calc(50% - 38px);background:var(--accent);width:76px;height:26px;transform:rotate(5deg);opacity:.8}.paper-note p{font-size:16px}.paper-note .eyebrow{color:#58505f}.paper-note .hand{font-size:26px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.visible{opacity:1;transform:none}.js-motion .paper-note.reveal{transform:translateY(24px) rotate(-7deg)}.js-motion .paper-note.reveal.visible{transform:rotate(-2deg)}.info-list{margin-top:32px}.info-row{border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:86px 1fr;gap:20px}.info-row>span{font-size:13px;color:var(--muted)}.info-row strong{font-size:16px;font-weight:600}.info-row small{display:block;color:var(--muted);font-size:14px;margin-top:6px}.inline-action{display:inline-flex;align-items:center;gap:8px;border:0;border-bottom:1px solid var(--accent);color:var(--accent);padding:12px 0;background:none;font-size:14px;font-weight:700;min-height:48px}.choice-tabs{display:flex;gap:8px;padding:6px;background:#252329;border-radius:14px;margin:28px 0 0}.choice-tabs button{flex:1;background:transparent;border:0;padding:14px 8px;font-size:14px;border-radius:9px;min-height:52px}.choice-tabs button[aria-selected=true]{background:var(--paper);color:var(--ink);font-weight:800}.price-panel{padding:30px 0 24px;min-height:242px}.price-panel .price{font:500 36px/1.15 var(--display);letter-spacing:-.02em}.price-panel p{font-size:15px;color:var(--muted)}.pill{display:inline-block;padding:7px 11px;border:1px solid var(--line);border-radius:99px;font-size:12px;margin:0 0 20px}.primary{display:flex;align-items:center;justify-content:center;min-height:56px;width:100%;padding:16px 18px;border:0;border-radius:10px;background:var(--accent);color:var(--ink);font-weight:800;font-size:15px;transition:transform .15s,background .2s}.primary:active{transform:scale(.98)}.primary:hover{background:#c5aff3}.secondary{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:transparent;font-size:14px;font-weight:700}.note{font-size:13px;color:var(--muted);line-height:1.6}.section .note{margin-top:15px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font-weight:600;padding:22px 40px 22px 0;position:relative;font-size:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:4px;top:19px;font-size:24px;font-weight:400;color:var(--accent);transition:transform .3s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>p{margin:0;padding:0 24px 26px 0;font-size:15px;color:#bab6c0;animation:fade-in .3s ease}.contact-sheet{margin-top:30px;border:1px solid var(--line);padding:24px;border-radius:2px}.contact-sheet .pending{font-size:15px;color:var(--accent)}.contact-sheet hr{border:0;border-top:1px solid var(--line);margin:24px 0}.footer{padding:32px 24px 44px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer img{width:42px;height:42px;object-fit:contain}.dock{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;display:flex;gap:10px;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#17161af5;border-top:1px solid var(--line);backdrop-filter:blur(18px)}.dock>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:54px;height:54px;font-size:12px;color:#b8b3c1}.dock>a.active{color:var(--accent)}.dock .primary{flex:1;width:auto;min-height:54px;padding:12px;font-size:14px}.dock>a svg{width:21px;height:21px}.section[id]{scroll-margin-top:24px}.toast{position:fixed;bottom:112px;left:50%;transform:translate(-50%,15px);width:max-content;max-width:calc(100% - 40px);z-index:200;background:var(--paper);color:var(--ink);font-size:14px;padding:12px 20px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* The four compositions keep their own rhythm and paper treatment. */
.theme-01 .hero-art{height:440px;transform:rotate(1deg);margin-top:30px}.theme-01 .hero h1:after{content:'';display:block;width:50px;height:5px;background:var(--accent);position:absolute;right:18px;top:7px;transform:rotate(-23deg)}.theme-01 .hero-copy{padding-top:26px}.theme-01 .paper-note{clip-path:polygon(0 1%,98% 0,100% 94%,95% 100%,0 99%)}.theme-03 .hero-art{margin:15px 22px 0;height:340px;transform:rotate(-3deg);overflow:visible}.theme-03 .hero-art img{object-position:center 45%}.theme-03 .hero-copy{text-align:center;padding-top:28px}.theme-03 .hero h1{margin-left:0;position:relative}.theme-03 .hero h1:after{content:'';display:block;position:absolute;height:6px;background:var(--accent);bottom:-8px;left:0;right:0;clip-path:polygon(0 30%,80% 0,100% 40%,98% 100%,0 100%);transform:rotate(-2deg)}.theme-03 .hero-copy>.eyebrow{margin:0 0 16px}.theme-03 .slogan{margin:24px auto 22px;font-family:Georgia,serif;font-size:19px}.theme-03 .facts{justify-content:center}.theme-03 .tape-one{top:-8px;left:16px;width:70px;height:25px;mix-blend-mode:normal;transform:rotate(-8deg)}.theme-03 .tape-two{bottom:-7px;right:18px;top:auto;width:65px;height:28px;mix-blend-mode:normal;transform:rotate(11deg)}.theme-03 .art-note{background:transparent;top:auto;bottom:16px;right:0;text-shadow:0 2px 8px #000;font-size:23px}.theme-03 .scribble{position:absolute;left:36%;top:30%;width:37%;height:34%;border:2px solid var(--accent);border-radius:50%;transform:rotate(-20deg);pointer-events:none}.theme-03 .scribble:after{content:'';position:absolute;inset:5px -7px -7px 4px;border:1px solid var(--accent);border-radius:50%}.theme-03 .hero-caption{margin-top:16px}.theme-03 .section h2{font-family:Georgia,serif;font-style:italic;font-size:43px}.theme-03 .big-statement{font-family:Georgia,serif;font-size:38px}.theme-03 .primary{border-radius:3px}.theme-08 .hero-art{height:400px;margin:24px 30px 0;perspective:800px;transform-style:preserve-3d}.layer{position:absolute;inset:0;will-change:transform;transition:transform .65s cubic-bezier(.2,.8,.2,1);border-top:1px solid var(--accent);border-left:1px solid var(--accent);box-shadow:0 20px 30px #0006;overflow:hidden}.layer-back{transform:translate(25px,0) rotate(7deg) scale(.9);opacity:.5}.layer-mid{transform:translate(-25px,5px) rotate(-8deg) scale(.94);opacity:.7}.layer-front{transform:translate(0,10px) rotate(2deg) scale(.95);background:#111}.layer img{object-position:center 32%}.theme-08 .hero-art[data-position='1'] .layer-front{transform:translate(25px,5px) rotate(7deg) scale(.9);z-index:0}.theme-08 .hero-art[data-position='1'] .layer-mid{transform:translate(0,10px) rotate(-1deg) scale(.95);z-index:2;opacity:1}.theme-08 .hero-art[data-position='2'] .layer-front{transform:translate(-25px,5px) rotate(-8deg) scale(.94)}.theme-08 .hero-art[data-position='2'] .layer-back{transform:translate(0,10px) rotate(1deg) scale(.95);z-index:3;opacity:1}.theme-08 .hero-copy{margin-top:-8px;z-index:5}.theme-08 .art-note{top:auto;bottom:25px;right:0;background:#151319db;z-index:4;padding:12px;font-size:19px}.layer-controls{display:flex;align-items:center;justify-content:center;gap:4px;margin:12px 0 2px}.layer-controls button{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center}.layer-controls button:before{content:'';width:18px;height:3px;background:#49444e;transition:.3s}.layer-controls button[aria-pressed=true]:before{width:28px;background:var(--accent)}.layer-label{text-align:center;color:var(--muted);font-size:12px}.theme-08 .facts{justify-content:space-between}.theme-08 .primary{border-radius:18px}.theme-08 .paper-note{transform:none;border:1px solid var(--line);background:var(--panel);color:var(--paper);border-radius:16px;box-shadow:10px 10px 0 -1px #111,10px 10px 0 0 var(--line)}.theme-08 .paper-note:before{display:none}.theme-08 .paper-note .eyebrow{color:var(--accent)}.theme-08 .info-row{grid-template-columns:80px 1fr}.theme-09 .topbar{position:absolute;top:0;left:0;width:100%;z-index:5;background:linear-gradient(#0008,transparent)}.theme-09 .hero-art{height:390px;margin:0}.theme-09 .hero-art>img{object-position:center 27%}.theme-09 .hero-copy{background:var(--accent);color:var(--ink);padding:30px 22px 38px;margin:-38px 20px 0;transform:rotate(-1.5deg);position:relative;z-index:3;box-shadow:0 10px 20px #0005}.theme-09 .hero h1{color:#fbf7ec;margin-top:26px;font-size:clamp(52px,18.6vw,104px);width:118%;transform:scaleX(.847)}.theme-09 .slogan{font-size:17px;line-height:1.5}.theme-09 .hero-copy>.eyebrow{color:#352641}.theme-09 .facts{justify-content:space-between;font-weight:800}.theme-09 .facts span+span{border-color:#352641}.theme-09 .art-note{background:transparent;top:118px;right:8px;text-shadow:0 2px 8px #000;max-width:140px;font-size:28px}.theme-09 .poster-number{border-top:1px solid #534265;padding-top:14px;display:flex;justify-content:space-between;font-size:12px}.theme-09 .hero-caption{margin-top:16px}.theme-09 .paper-note{background:var(--accent)}.theme-09 .section h2{text-transform:uppercase}.theme-09 .primary{border-radius:3px}.theme-09 .contact-sheet{border-left:5px solid var(--accent)}
/* Native, keyboard-safe bottom sheets; the form controls stay still. */
dialog{border:0;padding:0;background:#1a181e;color:var(--paper);width:100%;max-width:560px;max-height:calc(100dvh - 16px);margin:auto auto 0;border-radius:24px 24px 0 0;overflow:hidden;box-shadow:0 -15px 80px #0008}dialog::backdrop{background:#09080ac4;backdrop-filter:blur(5px)}dialog[open]{animation:sheet-in .3s cubic-bezier(.15,.8,.2,1)}.sheet-layout{display:flex;flex-direction:column;max-height:calc(100dvh - 16px)}.sheet-header{padding:18px 24px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);flex-shrink:0}.sheet-header h2{font-size:20px;font-weight:800}.close-button{background:#302b36;border:0;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.sheet-body{padding:24px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.menu-links{display:grid}.menu-links a{font:500 30px/1.1 var(--display);padding:22px 0;border-bottom:1px solid var(--line)}.menu-links p{margin:26px 0;color:var(--muted);font-size:14px}.step-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:10px}.progress-track{display:flex;gap:5px;margin-bottom:28px}.progress-track span{height:3px;background:#41394a;flex:1}.progress-track span.on{background:var(--accent)}.form-title{font:500 34px/1.2 var(--display);margin-bottom:10px}.form-intro{color:var(--muted);font-size:14px;line-height:1.55;margin-bottom:26px}.field{display:block;margin:24px 0}.field>span,.field-label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.field input{display:block;width:100%;min-height:56px;border:1px solid #5c5266;background:#25212b;color:var(--paper);border-radius:10px;padding:14px 15px;font-size:16px}.field input::placeholder{color:#a39aa9}.field input:focus{border-color:var(--accent)}.field small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.error{color:#ffbcb9;font-size:13px;margin-top:7px}.field input[aria-invalid=true]{border-color:#f09a98}.option-list{display:grid;gap:10px;margin:16px 0 24px}.option{display:flex;align-items:center;gap:12px;background:#25212b;border:1px solid #514958;border-radius:12px;min-height:64px;padding:15px 16px;cursor:pointer}.option:has(input:checked){border-color:var(--accent);background:#30263d}.option input{accent-color:var(--accent);width:20px;height:20px;flex-shrink:0;margin:0}.option>span{font-size:15px;font-weight:600}.option small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}.form-callout{padding:17px;border-left:2px solid var(--accent);background:#26212d;color:#d1c5df;font-size:14px;margin:22px 0;line-height:1.6}.form-callout strong{display:block;color:var(--paper);margin-bottom:5px}.form-actions{display:flex;gap:10px;border-top:1px solid var(--line);padding:16px 24px calc(16px + env(safe-area-inset-bottom));background:#1a181e;flex-shrink:0}.form-actions .primary{flex:1;width:auto}.form-actions .secondary{min-width:72px}.summary-list{margin:20px 0}.summary-list div{border-bottom:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;gap:20px}.summary-list dt{font-size:13px;color:var(--muted)}.summary-list dd{font-size:14px;margin:0;max-width:60%;text-align:right;overflow-wrap:anywhere}.form-status{color:var(--accent);font-size:12px;display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.success-mark{width:70px;height:70px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;margin:8px 0 24px}.success-mark svg{width:30px;height:30px;fill:none;stroke:var(--accent);stroke-width:2}.local-warning{margin-top:18px;font-size:13px;color:var(--muted)}.text-button{border:0;background:transparent;min-height:48px;font-size:13px;text-decoration:underline;color:var(--muted);padding:12px 0}.button-row{display:flex;gap:10px;margin-top:24px}.button-row>*{flex:1}.saved-banner{padding:12px 24px;background:#242029;border-bottom:1px solid #3d324b;font-size:13px;color:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:12px}.saved-banner button{background:none;border:0;padding:8px 0;font-size:13px;min-height:44px;font-weight:700}.saved-banner[hidden]{display:none}body.modal-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-js{padding:18px;background:var(--accent);color:var(--ink)}
@keyframes sheet-in{from{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes paper-arrive{from{opacity:0;transform:translateY(35px) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(1deg)}}@keyframes zine-arrive{from{opacity:0;transform:translateY(25px) rotate(-9deg)}to{opacity:1;transform:rotate(-3deg)}}@keyframes poster-arrive{from{transform:perspective(1000px) rotateX(-30deg) rotate(-1.5deg);opacity:0}to{transform:rotate(-1.5deg);opacity:1}}@media(prefers-reduced-motion:no-preference){.theme-01 .hero-art{animation:paper-arrive 1s cubic-bezier(.2,.7,.2,1) both}.theme-03 .hero-art{animation:zine-arrive 1s cubic-bezier(.2,.7,.2,1) both}.theme-09 .hero-copy{transform-origin:center top;animation:poster-arrive .9s .1s cubic-bezier(.2,.7,.2,1) both}.theme-08 .layer-front{animation:fade-in .8s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-motion .reveal,.js-motion .paper-note.reveal{opacity:1;transform:none}}@media(min-width:561px){.app{box-shadow:0 0 0 1px #29252e,0 0 100px #000}.hero h1{font-size:110px}.theme-09 .hero h1{font-size:104px}.hero-art{height:490px}.theme-01 .hero-art{height:520px}.theme-03 .hero-art{height:440px}.theme-08 .hero-art{height:500px}.theme-09 .hero-art{height:460px}}@media(max-width:359px){.topbar{padding:0 18px}.hero-copy,.section{padding-left:18px;padding-right:18px}.facts{font-size:12px;gap:10px}.facts span+span{padding-left:10px}.dock{gap:6px;padding-left:10px;padding-right:10px}.dock>a{min-width:46px}.dock .primary{font-size:12px}.hero h1{font-size:19vw}.sheet-body{padding:20px}.sheet-header,.form-actions{padding-left:20px;padding-right:20px}.section h2{font-size:42px}}

/* Fine photocopy grain is confined to the paper surfaces. */
.app{background-image:url('./assets/paper-grain.svg')}.hero-copy,.section,.hero-caption{isolation:isolate}.paper-note,.theme-09 .hero-copy{background-image:url('./assets/paper-grain.svg')}
.paper-note details{margin-top:24px;border-top:1px solid #80748866;padding-top:2px}.paper-note summary{font-size:14px;font-weight:700;cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;list-style:none;gap:16px}.paper-note summary::-webkit-details-marker{display:none}.paper-note summary:after{content:'+';font-size:25px;font-weight:400;transform-origin:center;transition:transform .35s}.paper-note details[open] summary:after{transform:rotate(45deg)}.paper-note details p{font-size:15px;margin-top:6px;padding-bottom:10px;transform-origin:top;animation:unfold-paper .5s cubic-bezier(.2,.75,.2,1)}
@keyframes unfold-paper{from{transform:perspective(700px) rotateX(-32deg);opacity:.1}to{transform:none;opacity:1}}
.theme-01 .art-note{left:25%;right:auto;top:46%;font-size:17px;padding:13px 15px;max-width:156px;transform:rotate(-5deg)}
.theme-08 .hero-art{height:350px}.theme-08 .layer-controls{margin:14px 0 0}.theme-08 .layer-label{margin:0 0 22px}.theme-09 .hero-copy{background-color:#9879c6}
@media(min-width:561px){.theme-08 .hero-art{height:440px}}


/* Preserve the original continuous torn collage, without photo frames. */
.theme-01 .hero-art{height:auto;aspect-ratio:1/1;margin:28px 20px 0;container-type:inline-size}
.theme-01 .portrait-grid{position:absolute;inset:0;overflow:hidden;clip-path:polygon(2% 1%,8% 1.5%,15% 0,24% 1%,30% .5%,37% 1.5%,46% .5%,55% 1.2%,66% 1%,75% 2%,85% 1.5%,99% 2%,98.5% 14%,100% 29%,99% 45%,99.5% 62%,98% 79%,98.5% 99%,90% 100%,80% 98.7%,72% 99.4%,63% 98.5%,56% 100%,46% 99%,38% 100%,30% 98.8%,23% 100%,14% 99%,8% 98.8%,0 100%,1% 83%,.5% 70%,1% 56%,0 41%,1.5% 26%,.5% 15%)}
.theme-01 .portrait-sheet{position:absolute;padding:0;background:none;border:0;box-shadow:none;transform:none;overflow:hidden;animation:none}
.theme-01 .portrait-sheet img{clip-path:none;object-fit:cover;width:100%;height:100%;object-position:50% 38%;transform:scale(1.08);transform-origin:50% 39%}
.theme-01 .portrait-1{inset:0 45% 39% 0;clip-path:polygon(0 0,100% 0,92% 48%,87% 90%,88% 100%,0 88%)}
.theme-01 .portrait-2{inset:0 0 35% 48%;clip-path:polygon(12% 0,100% 0,100% 100%,0 92%,0 80%,4% 42%)}
.theme-01 .portrait-3{inset:53% 51% 0 0;clip-path:polygon(0 0,100% 14%,96% 58%,94% 100%,0 100%)}
.theme-01 .portrait-4{inset:60% 0 0 46%;clip-path:polygon(6% 0,100% 10%,100% 100%,0 100%,2% 50%)}
.theme-01 .portrait-3 img{transform:scale(1.08);object-position:50% 32%;transform-origin:50% 30%}
.theme-01 .portrait-4 img{transform:scale(1.08);object-position:50% 32%;transform-origin:50% 29%}
.theme-01 .torn-seams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.theme-01 .torn-seams polyline{fill:none;stroke:#dedbd3;stroke-width:.65;stroke-linejoin:round}
.theme-01 .tape-one{top:46%;left:-1%;width:27%;height:6.2%;transform:rotate(-7deg)}
.theme-01 .tape-two{top:38%;right:-1%;width:23%;height:6.2%;transform:rotate(10deg)}
.theme-01 .art-note{left:25%;right:auto;top:47%;width:31%;max-width:none;padding:2.5% 2.8%;font:italic 700 3.5cqw/1.08 Georgia,serif;transform:rotate(-5deg);background:#090909;pointer-events:none}