/* The studio room: actual invitation artwork, treated as a pair of paper objects. */
.atelier.atelier-room{display:block;direction:inherit;min-height:0;background:var(--theme-surface,#faf7f3);color:var(--theme-accent,#60212c);padding:76px 5.5vw 66px;isolation:isolate;border-block:1px solid var(--theme-rule,#e9ded5);overflow:clip}
.atelier-room .room-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px;font:400 10px/1.7 var(--body);color:var(--theme-muted,#72554f)}
.atelier-room .room-topline>span:last-child{font:400 12px/1.5 var(--latin);letter-spacing:-.04em;color:var(--theme-accent,#60212c)}
.atelier-room .room-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.22fr);gap:5vw;align-items:center}
.atelier-room .room-intro{min-width:0;padding-block:15px 30px;max-width:490px}
.atelier-room #atelierTitle{font:400 clamp(58px,5.3vw,82px)/1.25 var(--display);letter-spacing:0;margin:0 0 23px;color:var(--theme-accent,#60212c)}
.atelier-room .room-intro>p{font:400 16px/1.95 var(--body);color:var(--theme-muted,#75584f);max-width:400px;margin:0}
.atelier-room .room-moments{margin:33px 0 0;display:grid;gap:0;max-width:400px;border-top:1px solid var(--theme-rule,#d9c8bb)}
.atelier-room .room-moments>button{background:none;border:0;border-bottom:1px solid var(--theme-control,#d9c8bb);min-height:62px;padding:16px 0;display:flex;align-items:center;gap:16px;text-align:start;color:var(--theme-muted,#785c53);font:400 14px/1.7 var(--body);cursor:pointer}
.atelier-room .room-moment-number{font:400 10px/1 var(--latin);color:var(--theme-muted,#7a5c50);min-width:21px}
.atelier-room .room-moment-line{height:1px;width:23px;background:currentColor;margin-inline-start:auto;position:relative;opacity:.45}
.atelier-room .room-moments>button[aria-pressed=true]{color:var(--theme-accent,#60212c);font-weight:500}
.atelier-room .room-moments>button[aria-pressed=true] .room-moment-line:after{content:'';position:absolute;inset:0;transform:rotate(90deg);background:currentColor}
.atelier-room .room-actions{display:flex;align-items:center;gap:16px 22px;flex-wrap:wrap;margin-top:30px}
.atelier-room .room-actions .button{min-height:52px;font-size:13px}
.atelier-room .room-actions>a{min-height:48px;display:inline-flex;align-items:center;font:400 12px/1.7 var(--body);border-bottom:1px solid var(--theme-rule,#b99b90);color:var(--theme-accent,#60212c)}
.atelier-room .room-art{min-width:0;position:relative}
.atelier-room .room-stage{position:relative;height:620px;background:var(--theme-raised,#eee5db);isolation:isolate;direction:ltr;border-radius:140px 140px 12px 12px;perspective:1300px;overflow:visible}
.atelier-room .room-stage:before{content:'';position:absolute;inset:18px;border:1px solid var(--theme-rule-a55,#cdbba755);border-radius:125px 125px 6px 6px;pointer-events:none}
.atelier-room .room-print{position:absolute;width:42%;max-width:245px;margin:0;border:0;padding:8px 8px 0;background:var(--theme-surface,#fffdfa);box-shadow:0 24px 24px -15px var(--theme-shadow-a40,#3b252a40),0 3px 8px var(--theme-shadow-a12,#3b252a12);cursor:pointer;transform-origin:center center;transition:transform 650ms cubic-bezier(.2,.75,.25,1),opacity 500ms,left 650ms,top 650ms;backface-visibility:hidden;color:var(--theme-accent,#60212c);z-index:2}
.atelier-room .room-print img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;object-position:50% 0;border-radius:0;pointer-events:none}
.atelier-room .room-print>span{min-height:32px;display:flex;align-items:center;justify-content:center;font:400 10px/1.5 var(--body);padding:7px 1px}
.atelier-room [data-room-print=welcome]{left:8%;top:13%;transform:rotate(-11deg) scale(.87);z-index:1}
.atelier-room [data-room-print=inside]{left:46%;top:5%;transform:rotate(7deg);z-index:2}
.atelier-room[data-moment=welcome] [data-room-print=welcome]{left:9%;top:4%;transform:rotate(-5deg);z-index:3}
.atelier-room[data-moment=welcome] [data-room-print=inside]{left:46%;top:17%;transform:rotate(11deg) scale(.85);z-index:1}
.atelier-room .room-stage-caption{position:absolute;inset-inline:25px;bottom:22px;text-align:center;font:italic 400 20px/1.4 Georgia,serif;color:var(--theme-muted,#74554a);pointer-events:none}
.atelier-room .room-art-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 1px 0}
.atelier-room .room-art-bottom>div{min-width:0}
.atelier-room .room-art-bottom p{font:400 10px/1.8 var(--body);margin:0;color:var(--theme-muted,#75584f)}
.atelier-room .room-art-bottom h3{font:400 23px/1.4 var(--display);color:var(--theme-accent,#60212c);margin:0}
.atelier-room .room-choices{display:flex;gap:7px;flex-shrink:0;direction:ltr}
.atelier-room .room-choices button{width:48px;height:59px;border-radius:5px;border:1px solid transparent;background:transparent;cursor:pointer;padding:4px;color:var(--theme-accent,#60212c)}
.atelier-room .room-choices button[aria-pressed=true]{border-color:var(--theme-accent,#60212c);background:var(--theme-surface,#fffdfa)}
.atelier-room .room-choices img{height:100%;width:100%;object-fit:cover;object-position:50% 12%;border-radius:2px}
.atelier-room .room-choices span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.atelier-room .room-status{font:400 11px/1.7 var(--body);min-height:20px;margin-top:12px;color:var(--theme-muted,#75584f)}
.atelier-room :is(button,a):focus-visible{outline:2px solid var(--theme-accent,#60212c);outline-offset:5px}
html[lang=en] .atelier-room #atelierTitle{font:500 clamp(48px,4.3vw,70px)/1.04 var(--latin);letter-spacing:-.065em}
html[lang=en] .atelier-room .room-topline{font:500 9px/1.7 var(--latin);letter-spacing:.045em}
html[lang=en] .atelier-room .room-art-bottom h3{font:500 22px/1.3 var(--latin);letter-spacing:-.04em}
html[dir=rtl] .atelier-room .room-stage-caption{font:400 22px/1.5 var(--display);letter-spacing:0}
@media(min-width:1700px){.atelier-room .room-layout{max-width:1720px;margin-inline:auto;gap:7vw}.atelier-room .room-stage{height:690px}.atelier-room .room-print{max-width:260px;left:15%}.atelier-room [data-room-print=inside],.atelier-room[data-moment=welcome] [data-room-print=inside]{left:49%}.atelier-room[data-moment=welcome] [data-room-print=welcome]{left:16%}}
@media(max-width:1100px) and (min-width:761px){.atelier.atelier-room{padding-inline:4vw}.atelier-room .room-layout{gap:4vw;grid-template-columns:1fr 1.15fr}.atelier-room .room-stage{height:520px}.atelier-room .room-print{width:43%;max-width:203px;padding:6px 6px 0}.atelier-room [data-room-print=inside],.atelier-room[data-moment=welcome] [data-room-print=inside]{left:45%}.atelier-room .room-stage-caption{font-size:16px;bottom:24px}.atelier-room #atelierTitle{font-size:59px}.atelier-room .room-intro>p{font-size:14px}.atelier-room .room-moments{margin-top:22px}.atelier-room .room-actions{margin-top:23px;gap:10px 19px}.atelier-room .room-choices button{width:44px;height:52px}.atelier-room .room-choices{gap:3px}html[lang=en] .atelier-room #atelierTitle{font-size:48px}}
@media(max-width:760px){.atelier.atelier-room{padding:40px 22px 43px}.atelier-room .room-topline{font-size:10px;margin-bottom:29px;gap:15px}.atelier-room .room-layout{display:flex;flex-direction:column;align-items:stretch;gap:25px}.atelier-room .room-intro{display:contents}.atelier-room #atelierTitle{font-size:58px;line-height:1.25;margin:0;order:0}.atelier-room .room-intro>p{font-size:14px;line-height:1.9;max-width:470px;order:1}.atelier-room .room-art{order:2;max-width:470px;width:100%;align-self:center}.atelier-room .room-stage{height:425px;border-radius:95px 95px 10px 10px}.atelier-room .room-stage:before{inset:13px;border-radius:84px 84px 5px 5px}.atelier-room .room-print{width:43%;max-width:173px;padding:5px 5px 0;box-shadow:0 19px 19px -14px var(--theme-shadow-a4a,#3b252a4a),0 2px 6px var(--theme-shadow-a0d,#3b252a0d)}.atelier-room .room-print>span{min-height:28px;font-size:9px;padding-block:5px}.atelier-room [data-room-print=welcome]{left:5%;top:14%;transform:rotate(-11deg) scale(.86)}.atelier-room [data-room-print=inside]{left:48%;top:5%;transform:rotate(6deg)}.atelier-room[data-moment=welcome] [data-room-print=welcome]{left:6%;top:4%;transform:rotate(-5deg)}.atelier-room[data-moment=welcome] [data-room-print=inside]{left:48%;top:16%;transform:rotate(10deg) scale(.84)}.atelier-room .room-stage-caption{font-size:16px;bottom:17px;inset-inline:15px}.atelier-room .room-moments{order:3;grid-template-columns:1fr 1fr;max-width:none;width:100%;margin:0;border:1px solid var(--theme-rule,#d3beb0);border-radius:7px;overflow:hidden;gap:0}.atelier-room .room-moments>button{min-height:52px;padding:11px 13px;border:0;font-size:12px;gap:9px;justify-content:center}.atelier-room .room-moments>button[aria-pressed=true]{background:var(--theme-brand,#60212c);color:var(--theme-on-brand,#fffdfa)}.atelier-room .room-moments>button[aria-pressed=true] .room-moment-number{color:var(--theme-on-brand-muted,#ead0c2)}.atelier-room .room-moment-number{font-size:9px;min-width:13px}.atelier-room .room-moment-line{display:none}.atelier-room .room-actions{order:4;margin:0;gap:16px;justify-content:space-between}.atelier-room .room-actions .button{font-size:12px;padding-inline:18px;flex:1;min-height:52px}.atelier-room .room-actions>a{font-size:12px;min-height:48px;flex:none}.atelier-room .room-art-bottom{padding-top:15px}.atelier-room .room-art-bottom h3{font-size:22px}.atelier-room .room-art-bottom p{font-size:10px}.atelier-room .room-choices button{width:45px;height:55px}.atelier-room .room-choices{gap:5px}.atelier-room .room-status{margin-top:8px;font-size:10px}.atelier-room .room-topline>span:last-child{font-size:11px}html[lang=en] .atelier-room #atelierTitle{font-size:clamp(40px,12vw,55px);line-height:1.06;letter-spacing:-.065em}html[lang=en] .atelier-room .room-topline{font-size:8px;letter-spacing:.025em}html[lang=en] .atelier-room .room-art-bottom h3{font-size:20px}html[dir=rtl] .atelier-room .room-stage-caption{font-size:19px}}
@media(max-width:360px){.atelier.atelier-room{padding-inline:18px}.atelier-room .room-stage{height:370px}.atelier-room .room-print{width:43%;max-width:145px}.atelier-room .room-stage-caption{font-size:14px;bottom:16px}.atelier-room #atelierTitle{font-size:51px}.atelier-room .room-intro>p{font-size:13px}.atelier-room .room-layout{gap:22px}.atelier-room .room-choices{gap:2px}.atelier-room .room-choices button{width:44px;height:52px}.atelier-room .room-moments>button{padding-inline:8px;font-size:11px}.atelier-room .room-actions{gap:12px}.atelier-room .room-actions .button,.atelier-room .room-actions>a{font-size:11px}.atelier-room .room-actions .button{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){.atelier-room .room-print{transition:none}}
/* Keep the complete focus ring inside the mobile segmented control's clipping box. */
.atelier-room .room-moments>button:focus-visible{outline-offset:-4px}
.atelier-room .room-nojs a{display:inline-flex;align-items:center;min-height:44px;color:var(--theme-accent,#60212c);text-decoration:underline;text-underline-offset:4px;font:400 13px/1.8 var(--body)}
