.color-section{padding:clamp(5rem,9vw,9rem) clamp(1.2rem,7vw,8rem);display:grid;grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);gap:clamp(3rem,8vw,9rem);align-items:start;background:#eee8df;border-top:1px solid #25145f16}.color-section__intro{position:sticky;top:3rem}.color-section h2{font:400 clamp(3.5rem,6vw,6.4rem)/.88 var(--serif);letter-spacing:-.045em;margin:0;color:var(--indigo)}.color-section h2 i{font-weight:400;color:var(--purple)}.color-section__intro>p:last-child{max-width:520px;margin:2rem 0 0;color:var(--muted);line-height:1.8}.color-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.color-option{position:relative;min-height:150px;padding:1.4rem;border:1px solid #25145f18;border-radius:1.25rem;background:var(--choice);color:var(--choice-ink);cursor:pointer;display:flex;align-items:flex-end;justify-content:space-between;text-align:left;overflow:hidden;box-shadow:0 12px 32px #25145f0d;transition:transform .3s,box-shadow .3s,outline-color .3s}.color-option:before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,currentColor 45%,transparent);border-radius:.9rem;pointer-events:none}.color-option:hover{transform:translateY(-4px);box-shadow:0 20px 40px #25145f18}.color-option:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}.color-option.is-selected{outline:3px solid var(--indigo);outline-offset:3px}.color-option.is-selected:after{content:"✓";position:absolute;right:1.25rem;top:1.1rem;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:currentColor;color:var(--choice);font:700 .8rem var(--sans)}.color-option span{font:400 clamp(1.6rem,2.8vw,2.5rem) var(--serif);position:relative}.color-option small{font:.55rem var(--sans);letter-spacing:.16em;position:relative;opacity:.75}.color-selection{grid-column:1/-1;margin-top:.75rem;padding:1.4rem 0 0;border-top:1px solid #25145f25;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3rem 1.5rem}.color-selection>span{font-size:.55rem;letter-spacing:.22em;color:var(--muted)}.color-selection>strong{font:400 1.8rem var(--serif);color:var(--indigo)}.color-selection .button{grid-row:1/3;grid-column:2}@media(max-width:900px){.color-section{grid-template-columns:1fr}.color-section__intro{position:static}.color-picker{max-width:760px}}@media(max-width:520px){.color-picker{grid-template-columns:1fr}.color-option{min-height:116px}.color-selection{grid-template-columns:1fr}.color-selection .button{grid-row:auto;grid-column:auto;margin-top:1rem}.color-option span{font-size:2rem}}.sample-color-picker{position:fixed;left:1rem;top:1rem;z-index:140;font-family:var(--sans);color:#231f25}.sample-color-toggle{height:42px;padding:0 .9rem;border:1px solid #25145f24;border-radius:999px;background:#fffdf5e8;color:#231f25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 28px #0001;display:flex;align-items:center;gap:.55rem;cursor:pointer}.sample-color-toggle i{width:16px;height:16px;border-radius:50%;background:var(--toggle-color);box-shadow:0 0 0 1px #0002}.sample-color-toggle span{font-size:.5rem;letter-spacing:.18em}.sample-color-panel{position:absolute;left:0;top:calc(100% + .55rem);width:250px;padding:1rem;border:1px solid #25145f1f;border-radius:14px;background:#fffdf8f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 48px #21152d26;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}.sample-color-picker.is-open .sample-color-panel{opacity:1;visibility:visible;transform:none}.sample-color-panel>small{display:block;font-size:.47rem;letter-spacing:.18em;color:#6d6874}.sample-color-panel>strong{display:block;margin:.45rem 0 .9rem;font:400 1.5rem var(--serif);color:#25145f}.sample-color-panel>div{display:flex;gap:.55rem;flex-wrap:wrap}.sample-color-swatch{width:27px;height:27px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #25145f30;cursor:pointer;transition:transform .2s,box-shadow .2s}.sample-color-swatch:hover{transform:scale(1.12)}.sample-color-swatch.is-selected{box-shadow:0 0 0 2px #25145f;transform:scale(1.08)}.sample-page,.sample-page .sample-gate,.sample-page .sample section,.sample-page .sample-bar a:last-child{transition:background-color .55s,color .55s,border-color .55s}.mahmud-gunel-page,.mahmud-gunel-page .mg-invitation,.mahmud-gunel-page .mg-paper,.mahmud-gunel-page .mg-schedule{transition:background-color .55s,color .55s}@media(max-width:760px){.sample-color-picker{left:.65rem;top:.65rem}.sample-color-toggle{height:39px;padding-inline:.75rem}.sample-color-panel{width:min(250px,calc(100vw - 1.3rem))}}body.palette-selected.sample--journal .sample-gate,body.palette-selected.sample--journal .sample-chapter,body.palette-selected.sample--journal .sample-rsvp,body.palette-selected.sample--gece .sample-gate,body.palette-selected.sample--gece .sample-rsvp{background:var(--s-bg)}body.palette-selected.sample--gece .envelope-paper,body.palette-selected.sample--gece .envelope-flap,body.palette-selected.sample--gece .envelope-card{background:color-mix(in srgb,var(--s-bg) 82%,white);color:var(--s-ink)}body.palette-selected.sample--gece .sample-hero{background:var(--s-bg)}body.palette-selected.sample--gece .sample-story{color:var(--s-ink)}body.palette-selected.sample--gece .sample-count{background:var(--s-ink);color:var(--s-bg)}body.palette-selected.sample--romantika .sample-gate,body.palette-selected.sample--romantika .sample-hero{background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--s-accent) 18%,transparent),transparent 38%),radial-gradient(circle at 90% 80%,color-mix(in srgb,var(--s-accent) 14%,transparent),transparent 35%),var(--s-bg)}.gate-locked .sample-color-picker,.sample-locked .sample-color-picker,.sample-color-picker[inert]{visibility:hidden}