:root{--bg:#ecebe7;--surface:#e1dfd9;--ink:#38450f;--muted:#545f30;--accent:#38450f;--accent-ink:#ecebe7;--gap:clamp(20px,4vw,138px);--small:14px;--body:clamp(16px,1.05vw,21px);--lead:clamp(22px,2.5vw,36px);--heading:clamp(38px,4.5vw,88px);--display:clamp(68px,10vw,220px);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--body)/1.65 'Literata',Georgia,serif}body,button,input,select{font-family:'Literata',Georgia,serif}::selection{color:var(--bg);background:var(--ink)}a{color:inherit;text-underline-offset:5px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font-size:16px}button,.button{min-height:52px;padding:14px 28px;border:0;border-radius:0;background:var(--accent);color:var(--accent-ink);font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1.45;text-align:center;transition:background-color .18s,color .18s,transform .18s}button:hover,.button:hover{background:#526124}button:active,.button:active{transform:translateY(2px)}button:disabled{opacity:.55;cursor:wait}button.secondary,.button.secondary{background:var(--surface);color:var(--ink)}button.secondary:hover,.button.secondary:hover{background:#d2d0c6}.text-button{background:transparent!important;color:var(--ink);text-decoration:underline;text-underline-offset:5px;padding-inline:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}input,select{accent-color:var(--ink);caret-color:var(--ink)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Rokkitt',Georgia,serif;font-weight:800;letter-spacing:-.035em;line-height:.95;text-wrap:balance}h1{font-size:clamp(68px,7.5vw,142px)}h2{font-size:var(--heading)}h3{font-size:var(--lead)}p{max-width:65ch}img{display:block;width:100%;height:100%;object-fit:cover}small,.small{font-size:var(--small)}[hidden]{display:none!important}.skip{position:fixed;z-index:20;top:12px;left:12px;background:var(--bg);padding:12px;transform:translateY(-200%)}.skip:focus{transform:none}.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}
.hero{height:100svh;min-height:740px;display:grid;place-items:center;position:relative;padding:30px var(--gap);overflow:hidden}.hero-image{position:absolute;inset:0;object-position:center 44%;filter:brightness(.47)}.hero-card{position:relative;width:58%;min-height:72%;padding:clamp(25px,3.1vw,100px);background:var(--bg);display:flex;flex-direction:column;justify-content:space-between;gap:28px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font:800 clamp(24px,2vw,45px)/1 'Rokkitt',Georgia,serif;letter-spacing:-.035em}.languages{display:flex;align-items:center;gap:16px;font-size:16px}.languages a{padding:10px 0}.hero-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:end}.hero-copy p{font-size:var(--lead);line-height:1.22;max-width:23ch}.hero-details{max-width:42ch;color:var(--muted)}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.card-bottom p{font-size:16px;max-width:22ch}.hero-scroll{position:absolute;bottom:14px;color:var(--bg);font-size:14px}.hero-card{animation:arrive .7s cubic-bezier(.16,1,.3,1) both}@keyframes arrive{from{opacity:.7;transform:translateY(14px)}to{opacity:1;transform:none}}
.poster-run{height:280svh;position:relative}.poster-stage{height:100svh;min-height:650px;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px var(--gap);gap:18px;background:var(--surface);overflow:hidden}.poster-stage h2{font-size:clamp(52px,6.4vw,144px);text-align:center;z-index:2}.poster-stage h2 br{display:none}.poster-frame{width:clamp(250px,27vw,720px);height:54svh;min-height:320px;position:relative;overflow:hidden}.poster-frame img{position:absolute;inset:0;object-position:center 40%;opacity:0}.poster-frame img.active{opacity:1}.poster-stage figcaption{text-align:center}.drape-controls{display:flex;gap:12px;justify-content:center}.drape-dot{width:44px;min-height:44px;padding:5px;border:2px solid transparent;background:transparent!important}.drape-dot span{display:block;width:28px;height:28px;background:var(--surface)}.drape-dot[aria-pressed=true]{border-color:var(--ink)}.poster-caption{font-size:16px;text-align:center;min-height:27px}.poster-side{position:absolute;left:var(--gap);bottom:34px;max-width:24ch;font-size:16px}.poster-link{position:absolute;right:var(--gap);bottom:34px;font-size:16px}
.verb-panel{height:100svh;min-height:620px;position:relative;overflow:clip}.verb-panel img{position:absolute;inset:0;object-position:center 45%}.verb-panel h2{position:sticky;top:40svh;display:table;margin:0 auto;padding:6px 25px;font-size:clamp(96px,17vw,420px);background:var(--bg);line-height:.85}.verb-panel p{position:absolute;left:var(--gap);bottom:var(--gap);background:var(--bg);padding:18px 24px;max-width:38ch}.showcase-run{height:260svh}.showcase-stage{height:100svh;min-height:650px;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;overflow:hidden}.showcase-stage h2{text-align:center;z-index:2;font-size:clamp(50px,6vw,144px)}.showcase-stage h2 br{display:none}.showcase-frame{height:55svh;width:32vw;overflow:hidden}.showcase-frame img{object-position:center 35%;transition:transform .6s cubic-bezier(.16,1,.3,1);transform-origin:center 33%}.showcase-stage p{text-align:center;font-size:16px}.showcase-stage .small{position:absolute;bottom:24px;left:var(--gap)}
.faq{padding:90px var(--gap);display:grid;grid-template-columns:5fr 6fr;gap:9vw;align-items:center;background:var(--surface)}.faq-copy>p{margin:28px 0 38px}.faq details{margin:0 0 24px}.faq summary{cursor:pointer;min-height:44px;position:relative;padding:6px 30px 6px 0;list-style:none;font-size:clamp(18px,1.4vw,24px);font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'';position:absolute;right:6px;top:16px;width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);transition:transform .18s}.faq details[open] summary:after{transform:rotate(225deg)}.faq details p{padding:12px 0;max-width:50ch;color:var(--muted)}.faq-pictures{position:relative;height:74vw;max-height:1000px;margin-bottom:60px}.faq-pictures>img{object-position:center top}.faq-pictures .detail{position:absolute;bottom:-40px;left:-12%;width:40%;height:auto;aspect-ratio:1;object-position:center bottom}.faq .button{margin-top:15px}
.closing{height:90svh;min-height:620px;position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.closing>img{grid-column:1;object-position:center 35%}.closing-copy{padding:var(--gap);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:28px}.closing-copy p{max-width:30ch}
.check{padding:100px var(--gap);background:var(--bg);scroll-margin-top:0}.check-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:60px}.check-head p{max-width:46ch}.upload-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.protocol h3{margin-bottom:25px}.protocol-list{display:grid;grid-template-columns:1fr 1fr;gap:36px}.protocol-list li{list-style:none}.protocol-list{padding:0;margin:0}.protocol-list svg{width:72px;height:72px;display:block;margin-bottom:14px;stroke:var(--ink);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.protocol-list strong{display:block;margin-bottom:6px}.protocol-list p{font-size:16px;max-width:26ch}.upload-box{background:var(--surface);padding:clamp(24px,3vw,65px)}.upload-actions{display:flex;flex-wrap:wrap;gap:14px}.upload-actions .button{flex:1}.file-input{position:absolute;width:1px;height:1px;opacity:0}.file-input:focus-visible+label{outline:3px solid;outline-offset:5px}.upload-box>p{margin:20px 0;font-size:16px}.photo-previews{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.photo-preview{position:relative;width:calc((100% - 30px)/3);min-width:70px}.photo-preview canvas{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.photo-preview button{width:100%;min-height:44px;padding:8px;font-size:14px;background:var(--bg);color:var(--ink)}.photo-preview button svg{width:17px;height:17px}.upload-box>#analyze{width:100%}.message{font-size:16px;margin-top:18px;max-width:65ch;overflow-wrap:anywhere}.message:empty{display:none}.analyzing{padding:70px 0;text-align:center}.analyzing h3{margin:25px 0}.analyzing p{margin:auto}.analyzing .loading-marks{display:flex;justify-content:center;gap:12px}.loading-marks span{width:28px;height:28px;background:var(--ink);animation:thinking 1s ease-in-out infinite alternate}.loading-marks span:nth-child(2){animation-delay:.2s}.loading-marks span:nth-child(3){animation-delay:.4s}@keyframes thinking{to{opacity:.25;transform:translateY(-6px)}}
.result-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.result-top p{margin-top:18px}.season-results{display:flex;gap:24px;flex-wrap:wrap;margin:38px 0 20px}.season{background:var(--surface);padding:28px 35px;flex:1;min-width:220px;display:flex;align-items:center;justify-content:space-between;gap:22px}.season:first-child{background:var(--ink);color:var(--bg)}.season h3{font-size:clamp(28px,2.8vw,64px)}.season span{font-size:var(--lead);font-variant-numeric:tabular-nums}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:40px;align-items:start}.drape-area h3{margin-bottom:12px;font-size:var(--heading)}.drape-area p{font-size:16px;margin-bottom:25px}.drape-area canvas{display:block;width:100%;height:auto;max-height:74svh;object-fit:contain;background:var(--surface)}.canvas-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:16px}.canvas-controls select{background:var(--bg);color:var(--ink);border:1px solid var(--ink);min-height:44px;padding:8px 14px}.palette-group{margin-bottom:35px}.palette-group h3{margin-bottom:15px}.palette-group>p{font-size:16px;margin:12px 0}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.swatch{display:flex;flex-direction:column;align-items:stretch;padding:5px;gap:5px;color:var(--ink);background:transparent;min-width:0;font-weight:400;font-size:14px;line-height:1.35;border:2px solid transparent}.swatch:hover{background:var(--surface)}.swatch[aria-pressed=true]{border-color:var(--ink)}.swatch-color{height:clamp(55px,5vw,120px);width:100%;display:block}.swatch-name{padding:4px 0;overflow-wrap:anywhere}.metal{margin-top:28px}.tips{margin:35px 0;background:var(--surface);padding:28px 35px}.tips h3{margin-bottom:10px}.tips ul{padding-left:22px;margin-bottom:0;font-size:16px;max-width:70ch}.after-result{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:70px}.share-area{background:var(--surface);padding:clamp(24px,3vw,65px)}.share-area>p{margin:20px 0}.share-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.share-actions button{flex:1}.checkbox{display:flex;align-items:start;gap:12px;font-size:16px;cursor:pointer}.checkbox input{width:22px;height:22px;flex-shrink:0;margin:3px 0}.share-area .text-button{display:block;margin-top:10px;text-align:left}.report-area>p{margin:20px 0}.report-area>button{margin-bottom:30px;width:100%}.waitlist{margin-top:25px}.waitlist h3{font-size:var(--lead)}.waitlist>p{margin:15px 0 25px;font-size:16px}form>label:first-child{display:block;margin:20px 0 8px}input[type=email]{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:16px;width:100%;min-height:54px;border-radius:0}form .checkbox{margin:22px 0}form button{width:100%}.privacy-link{font-size:14px;display:block;margin-top:15px}.friend-fallback{width:100%;font-size:16px;padding:12px;margin-top:12px;color:var(--ink);background:var(--bg);border:1px solid}
.footer{height:95svh;min-height:620px;background:var(--ink);color:var(--bg);padding:70px var(--gap) 0;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:start}.footer-top h2{font-size:clamp(48px,6vw,150px);margin-bottom:25px}.footer .button{background:var(--bg);color:var(--ink)}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:14px;position:relative;z-index:2}.wordmark{font:800 30vw/.65 'Rokkitt',Georgia,serif;letter-spacing:-.04em;white-space:nowrap;transform:translateY(26%);margin-left:-.025em;margin-top:55px}.legal-page{padding:50px var(--gap) 100px}.legal-top{display:flex;justify-content:space-between;gap:25px;margin-bottom:50px}.legal-page article{max-width:80ch}.legal-page h1{font-size:var(--heading);margin:35px 0}.legal-page h2{font-size:var(--lead);margin:35px 0 15px;line-height:1.15}.legal-page p{margin:16px 0;font-size:16px}.legal-notice{padding:20px;background:var(--surface)}
@media(min-width:2000px){.hero-card{width:60%}.hero{min-height:900px}.hero-copy{gap:5vw}.hero-details{max-width:55ch}.card-bottom p{max-width:none}.poster-side,.poster-link{font-size:21px}.poster-frame{height:58svh}.faq{gap:7vw}.faq-pictures{max-height:1400px}.closing-copy h2{font-size:clamp(60px,4vw,138px)}}
@media(max-width:1000px){.hero-card{width:80%}.hero-copy{grid-template-columns:1fr 1fr}.hero-copy p{font-size:25px}.check-head{display:block}.check-head p{margin-top:22px}.upload-layout{gap:35px}.protocol-list{gap:25px;grid-template-columns:1fr}.protocol-list li{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start}.protocol-list svg{width:60px;height:60px}.protocol-list p{max-width:35ch}.faq{gap:6vw}.swatches{gap:8px}.result-grid,.after-result{gap:35px}.showcase-frame{width:48vw}}
@media(max-width:650px){:root{--gap:20px;--body:16px;--heading:44px;--lead:26px}.hero{min-height:730px;height:100svh;padding:20px 16px 40px}.hero-card{width:100%;min-height:76svh;padding:24px;gap:26px}.hero-copy{display:block}.hero-copy p{font-size:24px;line-height:1.2;margin-top:24px;max-width:25ch}h1{font-size:72px;line-height:.85}.hero-details{font-size:16px}.card-top .brand{font-size:26px}.languages{font-size:14px;gap:14px}.card-bottom{display:flex;flex-direction:column;align-items:stretch;gap:16px}.card-bottom p{max-width:none;font-size:14px}.card-bottom .button{width:100%}.hero-scroll{font-size:13px;bottom:8px}.poster-stage{padding:24px 20px;gap:14px;min-height:650px}.poster-stage h2{font-size:52px}.poster-stage h2 br{display:block}.poster-frame{height:46svh;min-height:290px;width:70vw}.poster-side{position:static;text-align:center;font-size:14px;max-width:100%}.poster-link{display:none}.poster-caption{font-size:14px}.drape-controls{gap:7px}.verb-panel{min-height:600px}.verb-panel h2{font-size:24vw;padding:12px 18px;top:41svh}.verb-panel p{left:20px;right:20px;bottom:24px;font-size:16px;padding:16px 20px}.showcase-stage{min-height:650px;padding:25px 20px;gap:20px}.showcase-stage h2{font-size:52px}.showcase-stage h2 br{display:block}.showcase-frame{width:70vw;height:48svh}.showcase-stage>p{max-width:30ch}.showcase-stage .small{display:none}.faq{display:flex;flex-direction:column-reverse;padding:0 20px 60px;gap:70px}.faq-pictures{height:112vw;max-height:650px;width:calc(100% + 40px);margin-bottom:0}.faq-pictures .detail{left:auto;right:20px;width:38%;bottom:-35px}.faq-copy{width:100%}.faq-copy>p{margin:22px 0 25px}.faq summary{font-size:18px}.faq .button{width:100%}.closing{height:auto;min-height:0;display:block}.closing>img{height:65svh;min-height:390px}.closing-copy{padding:45px 20px 55px;gap:22px}.closing-copy .button{width:100%}.check{padding:65px 20px}.check-head{margin-bottom:38px}.check-head h2{font-size:44px}.upload-layout{display:flex;flex-direction:column;gap:38px}.protocol{width:100%}.protocol-list{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px}.protocol-list li{display:block}.protocol-list svg{margin-bottom:12px}.protocol-list p{font-size:16px}.upload-box{width:100%;padding:22px}.upload-actions{flex-direction:column;gap:12px}.result-top{display:block}.result-top .text-button{margin-top:15px}.season-results{gap:12px;margin-top:24px}.season{padding:22px;min-width:100%}.season h3{font-size:34px}.season span{font-size:26px}.result-grid{display:flex;flex-direction:column;gap:35px;margin-top:28px}.drape-area,.palette-area{width:100%}.drape-area canvas{max-height:65svh}.swatch-color{height:65px}.swatches{gap:8px}.swatch{font-size:13px;padding:3px}.tips{padding:22px;margin:30px 0}.after-result{display:block;margin-top:40px}.share-area{padding:28px 22px}.share-area h2{font-size:44px}.share-actions{flex-direction:column}.report-area{margin-top:45px}.report-area h2{font-size:40px}.footer{height:85svh;min-height:630px;padding:45px 20px 0}.footer-top{display:block}.footer-top h2{font-size:48px}.footer-top .button{width:100%}.footer-links{margin-top:30px;font-size:16px}.footer-bottom{font-size:13px;flex-wrap:wrap;gap:10px}.wordmark{font-size:36vw;margin-top:30px;transform:translateY(29%)}.legal-top{align-items:start;flex-direction:column}.legal-page{padding:30px 20px 70px}.legal-page h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.poster-run,.showcase-run{height:auto}.poster-stage,.showcase-stage{position:relative;height:auto;min-height:100svh}.verb-panel h2{position:relative;top:40%}}

/* Keep poster titles to two lines and prevent intrinsic images escaping their section. */
.brand{text-decoration:none}.hero-copy{grid-template-columns:1.4fr 1fr}h1{font-size:clamp(60px,5.3vw,142px)}
.poster-stage h2 br,.showcase-stage h2 br{display:initial}.closing{grid-template-rows:minmax(0,1fr);overflow:hidden}.closing>img,.closing-copy{min-height:0}
@media(max-width:650px){h1{font-size:clamp(60px,18vw,72px)}.poster-stage h2{font-size:clamp(38px,11.5vw,48px)}.showcase-stage h2{font-size:clamp(42px,12vw,52px)}}

/* Longer editorial copy still uses two-line display headings. */
.hero-copy p{font-size:clamp(22px,2vw,30px)}
@media(max-width:650px){h1{font-size:clamp(46px,13vw,54px)}.hero-copy p{font-size:22px}.showcase-stage h2{font-size:clamp(30px,8.5vw,36px)}.share-area h2{font-size:38px}.footer-top h2{font-size:clamp(38px,10.5vw,44px)}}
html[lang=pl] h1{font-size:clamp(42px,4.2vw,120px)}
@media(max-width:650px){html[lang=pl] h1{font-size:clamp(46px,13vw,54px)}html[lang=pl] .share-area h2{font-size:32px}}
.footer :focus-visible{outline-color:var(--bg)}.footer-links a{padding-block:10px}.share-area .text-button{min-height:44px;padding-block:9px}.privacy-link{min-height:44px;display:inline-flex;align-items:center}.poster-link{padding-block:10px}

@media(max-width:650px){.showcase-stage .small{display:block;position:static;max-width:30ch;font-size:14px;line-height:1.45}}

/* Round 2: the hero is the pinned face. Its copy never occupies the face column. */
.hero{height:100svh;min-height:680px;padding:0;background:#c4c0bc;position:relative;display:block;overflow:hidden}
.hero-frames{position:absolute;inset:0}.hero-frames .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:67% 42%;filter:none;opacity:0;transition:opacity 80ms linear}.hero-frames .hero-image.active{opacity:1}
.hero-top{position:absolute;inset:24px var(--gap) auto;display:flex;align-items:center;justify-content:space-between;z-index:2}.hero-top>a,.hero-top nav{background:var(--bg);padding:10px 14px}
.hero-card{position:absolute;left:var(--gap);top:50%;transform:translateY(-50%);width:29vw;min-height:0;padding:clamp(22px,2vw,55px);gap:24px;animation:none}
.hero-copy{display:block}.hero-copy h1,html[lang=pl] .hero-copy h1{font-size:clamp(38px,4.1vw,125px);line-height:.95}.hero-copy p{font-size:clamp(16px,1.3vw,28px);margin-top:22px;max-width:28ch}.card-bottom{display:block}.card-bottom .button{width:100%;font-size:clamp(16px,1.1vw,24px)}
.hero-scroll{left:var(--gap);bottom:20px;background:var(--bg);padding:8px 14px;color:var(--ink)}.hero-disclosure{position:absolute;right:var(--gap);bottom:24px;background:var(--bg);padding:4px 8px;font-size:14px}.friend-hero{font-size:16px;line-height:1.5}
.poster-frame{width:clamp(250px,30vw,1100px);height:auto;aspect-ratio:4/5;max-height:64svh;min-height:0}.drape-dot{width:clamp(44px,2.6vw,88px);height:clamp(44px,2.6vw,88px)}.drape-dot span{width:100%;height:100%}
.result-top{display:block}.result-top h2{font-size:clamp(40px,4.5vw,100px);max-width:26ch}.result-top p{margin:14px 0 22px}.face-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1100px}.face-comparison canvas{width:100%;height:auto;display:block;max-height:60svh;object-fit:contain;object-position:bottom;background:var(--surface)}.face-comparison figcaption{font-size:16px;padding:10px 0}.traits{display:flex;gap:28px;flex-wrap:wrap;margin:25px 0}.traits p{font-size:16px;flex:1;min-width:180px}.traits strong{display:block;margin-bottom:4px}.result-grid{margin-top:35px;grid-template-columns:1.2fr .8fr}.drape-area canvas{max-height:55svh;width:auto;max-width:100%;margin:auto}.drape-area .swatches{margin-top:16px;display:grid;grid-auto-flow:column;grid-auto-columns:80px;grid-template-columns:none;overflow-x:auto;gap:6px;padding:5px;scrollbar-color:var(--ink) var(--surface)}.drape-area .swatch-color{height:52px}.palette-area>p{font-size:16px;margin:15px 0}.photo-preview p{font-size:16px}.photo-preview.rejected{outline:2px solid var(--ink)}#skipped-photos{font-size:16px;margin-top:20px}#duo{margin:28px 0;padding:24px;background:var(--surface)}#duo p{margin:12px 0 20px}
.card-variants{display:flex;gap:10px;margin:24px 0;align-items:stretch}.card-variant{background:transparent;color:var(--ink);font-size:16px;padding:5px;border:2px solid transparent;flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.card-variant[aria-pressed=true]{border-color:var(--ink)}.card-variant img{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}.card-variant span{line-height:1.3}.card-variant:hover{background:var(--bg)}#card-preview{display:block;max-height:65svh;width:auto;max-width:100%;height:auto;margin:20px auto;aspect-ratio:9/16}.share-area .checkbox{margin-top:22px}.footer-links button{color:var(--bg)}.footer-links button:hover{background:transparent;color:var(--bg)}
.consent-banner{position:fixed;z-index:10;bottom:16px;left:16px;max-width:540px;width:calc(100% - 32px);padding:22px;background:var(--bg);border:2px solid var(--ink);font-size:16px}.consent-banner p{margin-bottom:16px}.consent-banner>div{display:flex;gap:12px}.consent-banner button{flex:1;padding:12px 10px;font-size:16px}.consent-banner>a{display:inline-block;padding-top:12px;font-size:16px}input{caret-color:var(--ink)}*{scrollbar-color:var(--ink) var(--surface)}
@media(min-aspect-ratio:4/3){.verb-panel{background:var(--surface)}.verb-panel img{height:100%;width:auto;left:50%;transform:translateX(-50%)}.verb-panel h2{top:12svh;font-size:clamp(80px,12vw,300px)}.poster-side{left:calc(50% - 15vw - 30ch);max-width:24ch}.poster-link{right:calc(50% - 15vw - 22ch)}}
@media(max-width:1000px) and (min-width:651px){.hero-card{left:24px;width:31vw;padding:20px}.hero-copy h1,html[lang=pl] .hero-copy h1{font-size:4.8vw}.hero-copy p{font-size:16px}.hero-frames .hero-image{object-position:85% center}}
@media(max-width:650px){.hero{min-height:650px;height:100svh}.hero-top{inset:12px 16px auto}.hero-top .brand{font-size:28px}.hero-top nav{font-size:16px}.hero-frames{inset:0 0 160px}.hero-frames .hero-image{object-fit:cover;object-position:center 34%}.hero-card{inset:auto 16px 16px;transform:none;width:auto;padding:16px 20px;gap:12px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center}.hero-copy h1,html[lang=pl] .hero-copy h1{font-size:clamp(30px,8.4vw,48px);line-height:.95}.hero-copy p{display:none}.card-bottom{margin:0}.card-bottom .button{padding:13px 10px;font-size:16px;line-height:1.4}.hero-scroll{display:none}.hero-disclosure{bottom:156px;right:16px;font-size:14px}.friend-hero{grid-column:1/-1;grid-row:1;margin:0 0 4px;font-size:16px}.poster-frame{max-height:58svh;width:72vw}.traits{gap:16px;margin:16px 0}.traits p{min-width:140px;font-size:16px}.result-top h2{font-size:clamp(38px,10vw,44px)}.result-top p{font-size:16px;margin-top:12px}.check:has(#result-view:not([hidden])){padding-top:24px}.face-comparison{gap:8px}.face-comparison canvas{max-height:40svh}.face-comparison figcaption{font-size:16px;line-height:1.4}.result-grid{margin-top:24px;gap:25px}.drape-area canvas{max-height:50svh}.drape-area .swatches{grid-auto-columns:72px}.swatch{font-size:14px}.card-variants{gap:5px}.card-variant{font-size:16px;padding:3px}.consent-banner{padding:16px}.consent-banner>div{gap:8px}.share-area h2{font-size:38px}.report-area h2{font-size:36px}.hero-card:has(.friend-hero:not([hidden]))~.hero-disclosure{bottom:205px}.footer-links .text-button{font-size:16px;padding:10px 0}}