:root{--navy:#1c2030;--gold:#b49b58;--ink:#242734;--muted:#666873;--paper:#f5f3ef;--line:#d8d2c7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Manrope,Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,legend{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}h1{font-size:clamp(2.7rem,4vw,4.2rem);line-height:1.05;margin:8px 0}h2{font-size:2rem;margin:0 0 18px}.atelier-header{min-height:90px;padding:12px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--navy);color:#fff}.atelier-header img{display:block;width:185px;height:65px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:24px}.header-actions>a{text-decoration:none;font-size:.875rem}.language-switch{display:flex;gap:4px}.language-switch button{color:#fff;background:transparent;border:1px solid transparent;min-height:44px;padding:7px;font-size:.875rem}.language-switch button[aria-pressed=true]{border-color:var(--gold)}main{max-width:1800px;margin:auto}.atelier-heading{text-align:center;padding:34px 20px 18px}.atelier-heading>p:last-child{color:var(--muted);margin:8px 0}.eyebrow{font-size:.75rem;letter-spacing:.2em;color:#776638;margin:0}.atelier-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.32fr) minmax(270px,1fr);gap:30px;padding:20px 3vw 64px;align-items:start}fieldset{border:0;border-top:1px solid var(--line);padding:18px 0 24px;margin:0;min-width:0}legend{font-size:1.65rem;padding:0 10px 0 0}label,.control-label{font-size:.875rem;display:block;margin:0 0 10px}.control-label:not(:first-child){margin-top:18px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices button{min-width:48px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);font-size:.875rem}.choices button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.fabric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 8px}.visual-choice{border:0;padding:0;background:transparent;color:var(--ink);min-width:0;text-align:center;font-size:.875rem;line-height:1.3;display:flex;flex-direction:column;align-items:center;gap:7px}.swatch-image{display:block;width:100%;aspect-ratio:1;border-radius:3px;border:1px solid #0002;background-size:cover;background-position:center;box-shadow:inset 0 0 12px #ffffff18}.visual-choice[aria-pressed=true] .swatch-image,.visual-choice[aria-pressed=true] canvas{outline:2px solid var(--gold);outline-offset:3px}.visual-choice[aria-pressed=true]>span:last-child{font-weight:600}.field-note{font-size:.875rem;line-height:1.55;color:var(--muted);margin:16px 0 0}.pocket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.visual-choice canvas{display:block;width:100%;height:auto;border-radius:3px}.pocket-grid .visual-choice canvas{aspect-ratio:1}.preview-panel{margin:0;position:sticky;top:15px;min-width:0}.preview-wrap{position:relative;min-height:320px}.preview-wrap>canvas{display:block;width:100%;height:auto;max-height:830px;object-fit:contain}.preview-wrap>p{position:absolute;left:15%;right:15%;top:40%;text-align:center;font-size:.875rem;background:var(--paper);padding:15px}.preview-panel figcaption{text-align:center;display:flex;flex-direction:column;gap:10px;padding:16px 12px;font-size:.875rem;color:var(--muted)}.preview-panel figcaption strong{font-size:1rem;color:var(--ink)}.button-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px;margin-top:25px}#custom-initials{width:100%;min-height:48px;border:1px solid var(--line);padding:12px 14px;font:inherit;background:transparent;text-transform:uppercase;border-radius:3px}.selection-summary{background:#eae6df;padding:24px;margin-top:4px}.selection-summary dl{border-top:1px solid var(--line);padding-top:10px;margin:0 0 20px}.selection-summary dl>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:7px 0;font-size:.875rem}.selection-summary dt{color:var(--muted)}.selection-summary dd{margin:0;overflow-wrap:anywhere}.send-request{display:flex;align-items:center;justify-content:center;min-height:52px;padding:14px;background:var(--navy);color:#fff;border:1px solid var(--gold);text-align:center;text-decoration:none;font-size:.875rem}.send-request:hover{background:#343b53}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4vw;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1600px){.pocket-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.atelier-grid{grid-template-columns:minmax(260px,1fr) minmax(290px,1fr);gap:24px}.options-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}.options-right .selection-summary{grid-column:1/-1}.preview-panel{top:10px}.selection-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}}@media(max-width:650px){.atelier-header{padding:10px 5vw;gap:10px}.atelier-header img{width:140px;height:52px}.header-actions{gap:10px}.header-actions>a{font-size:.875rem;max-width:85px;text-align:right}.atelier-heading{padding:25px 20px 10px}.atelier-grid{display:flex;flex-direction:column;gap:8px;padding:0 6vw 36px}.preview-panel{order:0;position:static;width:100%}.preview-wrap{min-height:0}.preview-wrap>canvas{height:380px;width:100%;object-fit:contain}.preview-panel figcaption{padding:5px 0 22px}.options-left{order:1;width:100%}.options-right{order:2;display:block;width:100%}.fabric-grid{gap:16px 10px}.pocket-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-summary dl{display:block}.button-grid{gap:18px}.selection-summary{padding:22px}footer{flex-direction:column;text-align:center;gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}