:root{--wine:#531824;--pink:#E8C7CE;--cream:#F3F0E6;--ink:#242223}*{box-sizing:border-box}body{margin:0;background:#e4e3df;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:3px solid #B37783;outline-offset:4px}button{border:0}button:disabled{cursor:default}.review{padding:20px 32px;display:flex;align-items:center;justify-content:space-between;background:#fcfbf8;border-bottom:1px solid #dedbd6;gap:20px}.review-title{font-size:14px;letter-spacing:.02em}.review-title span{color:#686460}.review-actions{display:flex;align-items:center;gap:25px;font-size:13px}.review-actions button{font-size:13px;background:none;text-decoration:underline;text-underline-offset:5px}.controls{background:#fcfbf8;padding:16px 32px 19px;display:grid;gap:16px;border-bottom:1px solid #d7d3ce}.photo-row{display:flex;align-items:center;gap:20px}.control-label{font-size:11px;font-weight:700;letter-spacing:.12em;color:#746b68;flex-shrink:0}.photo-row>.control-label{width:46px}#photo-options{display:flex;gap:10px;overflow:auto;padding:3px 3px 6px;min-width:0}#photo-options button{border:2px solid transparent;padding:3px;background:none;border-radius:5px;flex-shrink:0;position:relative;line-height:0}#photo-options button[aria-pressed=true]{border-color:var(--wine)}#photo-options img{width:66px;height:43px;object-fit:cover;border-radius:1px}#photo-options button span{position:absolute;bottom:6px;left:6px;background:var(--wine);color:var(--cream);font:10px 'DM Sans';line-height:1;padding:2px 4px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.setting{display:flex;align-items:center;gap:18px}.choices{display:flex;gap:4px}.choices button{display:flex;align-items:center;gap:7px;border:1px solid #ddd6d3;color:#5b5050;background:none;border-radius:4px;padding:9px 11px;white-space:nowrap;font-size:12px}.choices button[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:var(--cream)}.swatch{width:16px;height:16px;border-radius:50%;display:block;border:1px solid #ffffff40;flex-shrink:0}.swatch.original{background:linear-gradient(90deg,var(--cream) 50%,var(--wine) 50%)}.swatch.blush{background:linear-gradient(90deg,var(--pink) 50%,var(--wine) 50%)}.swatch.soft{background:linear-gradient(90deg,var(--cream) 50%,var(--pink) 50%)}#next-word{background:none;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:8px 0}#concept{padding:22px 32px 0}.page{position:relative;isolation:isolate;overflow:hidden;color:var(--cream);background:var(--ink);height:calc(100svh - 300px);min-height:630px}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 52%;z-index:-2}.page:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0009,transparent 85%),linear-gradient(0deg,#000a,transparent 32%),linear-gradient(180deg,#0004,transparent 20%)}.site-header{display:flex;justify-content:space-between;align-items:center;padding:30px 42px}.wordmark{font-family:'Lilita One',Arial,sans-serif;font-size:25px;letter-spacing:.02em}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600}.hero-copy{position:absolute;left:7.5%;right:7.5%;top:25%;}.hand{font-family:'Caveat',cursive;font-size:36px;line-height:1.15;margin:0 0 22px 8px;transform:rotate(-5deg);transform-origin:left bottom;width:max-content}.hero-copy h1{font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(62px,7.5vw,120px);letter-spacing:-.055em;line-height:1.06;margin:0}.paint{display:inline-block;position:relative;isolation:isolate;padding:.015em .14em .055em;color:var(--wine)}.paint:before,.rotator:before{content:'';position:absolute;z-index:-1;inset:0 -.025em;clip-path:polygon(1% 4%,36% 2%,63% 3%,99% 0,98.7% 30%,100% 58%,98.6% 95%,63% 99%,27% 96%,0 100%,1.2% 66%,0 36%);background:var(--cream)}.rotator{display:inline-flex;position:relative;isolation:isolate;padding:.04em .17em .035em;margin-top:.12em;margin-left:28px;transform:rotate(-2deg);transform-origin:left center;font-size:clamp(36px,6vw,96px);letter-spacing:-.045em;line-height:1.14;max-width:calc(100% - 28px);perspective:800px}.rotator:before{background:var(--wine)}.word-window{display:block;position:relative;overflow:hidden;height:1.17em;transition:width .42s cubic-bezier(.22,1,.36,1);perspective:700px}.word{display:block;white-space:nowrap;position:absolute;top:0;left:0;line-height:1.14;backface-visibility:hidden;transform-origin:center center}.tagline{font-size:clamp(19px,1.8vw,27px);font-weight:500;letter-spacing:.01em;line-height:1.3;margin:30px 0 0 9px;text-shadow:0 1px 12px #0009}.page[data-palette=blush] .fixed:before{background:var(--pink)}.page[data-palette=blush] .rotator{color:var(--pink)}.page[data-palette=soft] .rotator:before{background:var(--pink)}.page[data-palette=soft] .rotator{color:var(--wine)}.site-footer{position:absolute;z-index:4;bottom:0;width:100%;padding:25px 42px;display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:90px}.email{font-size:18px}.footer-right,.socials{display:flex;align-items:center;gap:30px}.socials{font-size:15px}#play-pause{color:var(--cream);background:#24222380;border:1px solid #f3f0e655;border-radius:24px;padding:9px 13px;font-size:12px;min-width:80px;white-space:nowrap}.direction-note{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 32px;color:#645c58;font-size:12px}.direction-note>span:first-child{font-weight:700;letter-spacing:.04em;color:var(--ink)}.direction-note p{flex:1;margin:0}#word-count{font-variant-numeric:tabular-nums;white-space:nowrap}.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}.focused .review,.focused .controls,.focused .direction-note{display:none}.focused #concept{padding:0}.focused .page{height:100svh;min-height:630px}.show-options{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:10;padding:8px 14px;border:1px solid #24222344;border-radius:30px;background:var(--cream);color:var(--wine);font-size:12px}.show-options[hidden]{display:none}
@media(max-width:1100px){.settings-row{justify-content:flex-start;gap:13px 30px}.setting{gap:12px}.choices button{font-size:11px;padding:8px}.page{min-height:630px}.hero-copy{top:28%}.site-header,.site-footer{padding-left:30px;padding-right:30px}.rotator{margin-left:15px;max-width:calc(100% - 15px)}}
@media(max-width:720px){.review{padding:16px;gap:8px}.review-title{font-size:12px}.review-title span{display:none}.review-actions{gap:16px;font-size:12px}.review-actions button{font-size:12px}.controls{padding:12px 16px 15px;gap:13px}.photo-row{gap:12px}.photo-row>.control-label{width:39px}#photo-options{gap:6px}#photo-options img{width:53px;height:41px}.setting{display:block;width:100%}.settings-row{gap:12px}.setting>.control-label{display:block;margin-bottom:7px}.choices{gap:4px;flex-wrap:wrap}.choices button{padding:9px 7px;font-size:10px;gap:5px}.swatch{width:12px;height:12px}#next-word{margin-left:auto;margin-top:-43px;font-size:11px;padding:10px 0}.setting:nth-child(2){padding-right:70px}#concept{padding:12px 12px 0}.page{height:700px;min-height:700px}.site-header{padding:25px 23px}.wordmark{font-size:22px}.eyebrow{font-size:10px}.hero-photo{object-position:59% 50%}.hero-copy{left:7%;right:7%;top:28%}.hand{font-size:31px;margin-bottom:22px;margin-left:4px}.hero-copy h1{font-size:clamp(45px,11.5vw,80px);line-height:1.09;letter-spacing:-.055em}.rotator{font-size:clamp(22px,6.4vw,47px);margin-left:4px;max-width:calc(100% - 4px);margin-top:.23em;padding-top:.12em;padding-bottom:.12em}.tagline{font-size:20px;margin-top:27px;margin-left:4px}.site-footer{display:block;padding:22px 24px;min-height:135px}.email{font-size:18px}.footer-right{justify-content:space-between;gap:16px;margin-top:19px;flex-direction:row-reverse}.socials{gap:24px;font-size:14px}#play-pause{min-width:0;padding:8px 10px;font-size:11px}.direction-note{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px}.direction-note p{grid-row:2;grid-column:1/-1;line-height:1.5;font-size:12px}.focused .page{height:100svh;min-height:620px}.focused .hero-copy{top:28%}.show-options{bottom:6px;font-size:10px;padding:6px 11px}.focused .site-footer{padding-bottom:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.controls{grid-template-columns:minmax(0,1fr)}.photo-row,.settings-row{min-width:0}

/* Selected photograph and full-screen production layout. */
.production .hero-photo{object-position:center 48%}.production .site-footer a{padding-block:6px}.production #play-pause{min-height:38px}
@media(max-width:720px){.production .hero-photo{object-position:58% center}.production .site-footer{padding-bottom:24px}}

/* Contact links share one consistent footer row. */
.site-footer{justify-content:flex-end}
@media(max-width:720px){.site-footer{display:flex;min-height:90px}.footer-right{width:100%;margin-top:0;gap:10px}.socials{gap:16px}}

/* Keep contact links together at the bottom right. */
.footer-right{justify-content:flex-end}
@media(max-width:720px){.footer-right{flex-direction:row;justify-content:flex-end}}

/* Let the additional guide link wrap cleanly on narrow screens. */
@media(max-width:720px){.production .socials{flex-wrap:wrap;justify-content:flex-end;gap:8px 16px}}