:root{--navy:#081426;--ink:#14243b;--cream:#f7f1e5;--paper:#fffdf8;--gold:#f3d790;--line:#ded9cf;--muted:#566475;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit}button,input{font:inherit}button,a,label,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,.preview-stage:focus-visible{outline:3px solid #9f6200;outline-offset:5px}img,svg{display:block;max-width:100%}[hidden]{display:none!important}.skip-link{position:fixed;top:-6rem;left:1rem;background:white;padding:1rem;z-index:100}.skip-link:focus{top:1rem}.studio-header{padding:1.2rem clamp(1.2rem,4.3vw,5rem);background:var(--navy);color:var(--cream);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff26}.brand{display:inline-flex;align-items:center;gap:.8rem;font-weight:800;letter-spacing:.2em;text-decoration:none}.studio-header nav{display:flex;align-items:center;gap:2rem;font-size:.85rem}.studio-header nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.header-cta{gap:1.4rem;border:1px solid #ffffff4a;padding:.55rem 1rem;border-radius:3px}.header-cta:hover{background:#ffffff10}.studio-intro{display:flex;gap:3rem;justify-content:space-between;align-items:end;max-width:1560px;padding:4rem clamp(1.2rem,4.3vw,5rem) 2.6rem;margin:auto}.eyebrow{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;line-height:1.6;margin:0 0 1rem}.studio-intro .eyebrow{display:flex;align-items:center;gap:.65rem}.eyebrow>span:empty{height:6px;width:6px;background:#bd8831;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(3.2rem,5.8vw,6rem)/1 var(--serif);letter-spacing:-.06em;margin-bottom:0}h1 em{font-weight:400;color:#966523}h2{font:500 clamp(2.5rem,4vw,4rem)/1.08 var(--serif);letter-spacing:-.045em}.studio-intro>p{font-size:.98rem;color:var(--muted);margin:0 0 .15rem;max-width:330px;line-height:1.7}.design-studio{max-width:1560px;margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.85fr);gap:clamp(2rem,5vw,6rem);padding:0 clamp(1.2rem,4.3vw,5rem) 4.5rem}.preview-column{min-width:0}.preview-topline{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid var(--line);font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.preview-stage{position:relative;isolation:isolate;min-height:560px;height:clamp(560px,46vw,710px);background:radial-gradient(ellipse at 50% 20%,#ebe8df,#d3d8d9);overflow:hidden;border:1px solid #14243b0c;perspective:1100px}.stage-orbit{position:absolute;z-index:-1;inset:18% 3%;border:1px solid #14243b12;border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff0a}.design-preview{position:relative;margin:auto;width:min(98%,620px);height:calc(100% - 70px);display:flex;justify-content:center;align-items:center;transform:rotateY(-8deg) rotateX(2deg);transform-origin:50% 50%;transition:transform .45s ease}.design-preview>svg{width:100%;height:100%;filter:drop-shadow(15px 27px 17px #07152830)}.preview-stage[data-side="back"] .design-preview{transform:rotateY(7deg) rotateX(2deg)}.preview-stage[data-mode="art"] .design-preview{width:min(70%,400px);height:calc(100% - 90px);transform:none;padding-top:25px}.preview-stage[data-mode="art"] .design-preview>svg{height:100%;width:100%;background:var(--garment,#101f35);filter:none;border:1px solid #ffffff18}.preview-stage[data-mode="art"]{background:#e5e3dc}.preview-stage[data-palette="ivory"]{--garment:#f7f1e5}.preview-stage[data-palette="forest"]{--garment:#203d35}.stage-foot{position:absolute;bottom:1rem;left:1.1rem;right:1.1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.stage-foot>span{font-size:.65rem;color:#435160;max-width:215px}.zoom-button{border:1px solid #24344940;background:#fffdf8de;border-radius:3px;padding:.65rem .8rem;min-height:44px;font-size:.72rem;font-weight:700;color:var(--ink);display:flex;gap:.5rem;align-items:center}.zoom-button:hover{background:white}.zoom-button>span{font-size:1.4rem;line-height:1}.preview-controls{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.segmented{display:inline-flex;background:#edeae3;border:1px solid var(--line);padding:3px;border-radius:4px}.segmented button{padding:.5rem .85rem;min-height:44px;border:0;background:transparent;border-radius:2px;font-size:.75rem;font-weight:700;color:#4e5d6d}.segmented button[aria-pressed="true"]{background:white;box-shadow:0 1px 4px #14243b15;color:var(--navy)}.preview-help{font-size:.73rem;color:var(--muted);margin:1rem 0 0;max-width:560px}.design-panel{padding-top:2.6rem}.design-panel>.eyebrow{color:#906223}.design-panel h2{margin-bottom:1.3rem}.design-description{font-size:.92rem;color:var(--muted);max-width:450px;line-height:1.8}.detail-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.2rem 0 2rem}.detail-tags span{font-size:.62rem;letter-spacing:.035em;background:#edeae3;border:1px solid #ddd7cb;padding:.3rem .5rem}.design-panel fieldset{border:0;border-top:1px solid var(--line);padding:1rem 0 0;margin:0 0 1.6rem}.design-panel legend{float:left;display:flex;gap:.65rem;width:100%;font-size:.72rem;font-weight:700;margin:0 0 .9rem;color:#906223}.design-panel legend span{color:var(--ink)}.palette-options{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.palette-option{position:relative;display:flex;flex-direction:column;gap:.55rem;cursor:pointer;border:1px solid var(--line);padding:.8rem .55rem;min-width:0;border-radius:3px}.palette-option:has(input:checked){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#f5f2eb}.palette-option:has(input:focus-visible){outline:3px solid #9f6200;outline-offset:3px}.palette-option input,.type-options input{position:absolute;opacity:0;width:1px;height:1px;left:1rem;top:1rem}.palette-swatch{display:block;width:30px;height:30px;border-radius:50%;border:1px solid #14243b30;box-shadow:inset 0 0 0 3px #ffffff26}.palette-swatch.midnight{background:#101f35}.palette-swatch.ivory{background:#f7f1e5}.palette-swatch.forest{background:#203d35}.palette-option strong{font-size:.77rem;display:block}.palette-option small{font-size:.61rem;color:var(--muted);display:block;line-height:1.4;margin-top:.2rem}.type-options{display:grid;clear:both;grid-template-columns:1fr 1fr;gap:.6rem}.type-options label{position:relative;cursor:pointer}.type-options label>span{display:grid;grid-template-columns:2.5rem 1fr;column-gap:.7rem;padding:.8rem;border:1px solid var(--line);border-radius:3px}.type-options label:has(input:checked)>span{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#f5f2eb}.type-options label:has(input:focus-visible){outline:3px solid #9f6200;outline-offset:3px}.type-options b{grid-row:1/3;font-size:1.5rem;line-height:1.35}.sans-sample{font-family:var(--sans)}.serif-sample{font-family:var(--serif)}.type-options strong{font-size:.71rem;line-height:1.5}.type-options small{font-size:.61rem;color:var(--muted)}.download-block{border-top:1px solid var(--line);padding-top:1.2rem}.download-block>.eyebrow{font-size:.62rem;margin-bottom:.7rem}.download-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:48px;padding:.85rem 1rem;text-decoration:none;font-size:.74rem;font-weight:700;border:1px solid transparent;border-radius:3px}.button-primary{background:var(--navy);color:var(--cream)}.button-primary:hover{background:#243e60}.button-secondary{border-color:var(--navy);background:transparent;color:var(--navy)}.button-secondary:hover{background:#e9e6dc}.button>span{font-size:1.1rem}.download-block>p:last-child{font-size:.68rem;color:var(--muted);margin:.75rem 0 0}.studio-status{font-size:.72rem;color:var(--muted);margin:.8rem 0 0;min-height:1.1rem}.no-script-note{padding:1rem;background:#f5e6c7;font-size:.85rem}.verse-panel{background:var(--navy);color:var(--cream);padding:4.5rem max(1.2rem,calc((100vw - 1425px)/2 + 3rem));display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,8vw,8rem);align-items:center}.verse-panel .eyebrow{color:var(--gold)}.verse-panel h2{font-size:clamp(2.2rem,3.6vw,3.3rem);margin:0 0 1rem}.verse-panel p:last-child{font-size:.82rem;color:#cad0d7;margin:0}.verse-panel blockquote{font:400 clamp(1.65rem,2.8vw,2.5rem)/1.45 var(--serif);letter-spacing:-.02em;margin:0 0 1.3rem}.verse-panel cite{font-style:normal;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.craft-notes{padding:5rem clamp(1.2rem,4.3vw,5rem);max-width:1560px;margin:auto}.craft-intro{text-align:center}.craft-intro .eyebrow{color:#906223}.craft-intro h2{font-size:clamp(2.4rem,4vw,3.7rem);margin-bottom:1rem}.craft-intro>p:last-child{color:var(--muted);font-size:.9rem}.craft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem}.craft-grid article{border-top:1px solid var(--line);padding-top:1.1rem}.craft-grid article>span{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#906223;font-weight:800}.craft-grid h3{font-size:1.05rem;margin:.9rem 0 .7rem;line-height:1.5}.craft-grid p{font-size:.83rem;line-height:1.8;color:var(--muted);margin:0}.kindness-invitation{padding:4rem 1.2rem 4.5rem;text-align:center;background:radial-gradient(ellipse at 50% 0%,#fff9e9,#e9e1cf);border-top:1px solid var(--line)}.kindness-invitation h2{margin-bottom:1.3rem}.kindness-invitation>p:not(.eyebrow){font-size:.9rem;max-width:430px;margin:0 auto 1.5rem;color:var(--muted)}.kindness-invitation .button{display:inline-flex;gap:2rem}footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem clamp(1.2rem,4.3vw,5rem);background:var(--navy);color:var(--cream)}footer p{font-size:.72rem;color:#bdc6d1;margin:0}footer>a:last-child{font-size:.72rem;text-decoration:none;min-height:44px;display:flex;align-items:center}dialog{color:var(--ink);background:var(--paper);width:min(900px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:clamp(1rem,4vw,2rem);border:1px solid #ffffff40;border-radius:6px;box-shadow:0 35px 120px #0008}dialog::backdrop{background:#030b18d9;backdrop-filter:blur(7px)}.dialog-topline{display:flex;justify-content:space-between;gap:1rem;align-items:start}.dialog-topline .eyebrow{font-size:.6rem;margin-bottom:.35rem}.dialog-topline h2{font-size:1.65rem;line-height:1.3;margin:0}.close-dialog{padding:.6rem .75rem;border:1px solid var(--line);background:white;color:var(--ink);display:flex;gap:1.2rem;align-items:center;min-height:44px;font-size:.8rem}.close-dialog span{font-size:1.5rem;line-height:1}#dialogDescription,.dialog-note{font-size:.76rem;color:var(--muted);margin:.8rem 0 1rem}.dialog-artwork{background:#101f35;width:min(100%,630px);margin:1rem auto 0}.dialog-artwork[data-palette="ivory"]{background:#f7f1e5}.dialog-artwork[data-palette="forest"]{background:#203d35}.dialog-artwork svg{width:100%;height:auto}.dialog-note{text-align:center;margin:1rem 0 0}
.design-preview>img{height:88%;width:auto;background:#101f35;border:1px solid #ffffff26}
.concept-gallery{padding:clamp(4rem,7vw,7rem) clamp(1.2rem,4.3vw,5rem);background:radial-gradient(circle at 82% 5%,#244467 0,transparent 27%),linear-gradient(145deg,#050d19,#0b2038 62%,#071426);color:var(--cream)}
.concept-gallery-heading{max-width:1425px;margin:0 auto clamp(2rem,4vw,3.5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:clamp(2rem,8vw,8rem);align-items:end}.concept-gallery-heading .eyebrow{color:var(--gold)}.concept-gallery-heading h2{margin:0}.concept-gallery-heading>p{max-width:560px;margin:0;color:#c7d0da;font-size:.9rem;line-height:1.8}
.concept-grid{max-width:1425px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.8rem,1.4vw,1.25rem);align-items:start}.concept-card{min-width:0;border:1px solid #ffffff1f;background:#ffffff09;box-shadow:0 24px 60px #0004}.concept-card>a{position:relative;display:block;overflow:hidden;background:#12253a;text-decoration:none}.concept-card picture,.concept-card img{display:block;width:100%}.concept-card img{height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .55s ease,filter .55s ease}.concept-card>a>span{position:absolute;left:.65rem;right:.65rem;bottom:.65rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:42px;padding:.55rem .7rem;background:#050d19dc;border:1px solid #ffffff2b;color:#fff;font-size:.67rem;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(9px)}.concept-card>a>span b{font-size:1rem}.concept-card>a:hover img{transform:scale(1.025);filter:saturate(1.06)}.concept-card>div{padding:1rem}.concept-card p{margin:0 0 .35rem;color:var(--gold);font-size:.59rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.concept-card h3{margin:0 0 .45rem;color:#fff;font:500 1.1rem/1.2 var(--serif)}.concept-card small{display:block;color:#bfc9d4;font-size:.7rem;line-height:1.55}.concept-boundary{max-width:1425px;margin:1.5rem auto 0;color:#9fabb9;font-size:.68rem;text-align:right}
@media(min-width:1600px){.verse-panel{padding-inline:calc((100vw - 1425px)/2)}}
@media(max-width:1050px){.design-studio{grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);gap:2rem}.preview-stage{height:600px}.preview-controls{flex-direction:column;align-items:start;gap:.6rem}.design-panel h2{font-size:2.9rem}.type-options label>span{grid-template-columns:1fr}.type-options b{grid-row:auto}.download-actions{grid-template-columns:1fr}.studio-intro{gap:2rem}.craft-grid{gap:1.6rem}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.studio-header{padding:1rem 1.2rem}.studio-header nav>a:not(.header-cta){display:none}.header-cta{font-size:.72rem}.brand{font-size:.87rem;gap:.5rem}.brand img{width:34px;height:34px}.studio-intro{padding-top:2.5rem;padding-bottom:1.5rem;display:block}.studio-intro h1{font-size:clamp(3.7rem,12vw,5.5rem)}.studio-intro>p{margin-top:1.4rem;font-size:.88rem;max-width:420px}.design-studio{grid-template-columns:1fr;gap:1.8rem;padding-bottom:3rem}.preview-stage{height:clamp(470px,112vw,640px);min-height:0}.preview-controls{flex-direction:row;gap:.45rem;justify-content:space-between}.segmented button{padding:.45rem .65rem;font-size:.7rem}.design-panel{padding-top:.2rem}.design-panel h2{font-size:3rem}.design-description{max-width:100%}.palette-options{gap:.7rem}.palette-option{padding:.9rem}.palette-option strong{font-size:.88rem}.palette-option small{font-size:.67rem}.type-options label>span{grid-template-columns:2.5rem 1fr}.type-options b{grid-row:1/3}.download-actions{grid-template-columns:1fr 1fr}.concept-gallery-heading{grid-template-columns:1fr;gap:1.4rem}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-boundary{text-align:left}.verse-panel{grid-template-columns:1fr;gap:2rem;padding:3rem 1.4rem}.verse-panel blockquote{font-size:1.95rem}.verse-panel h2{font-size:2.6rem}.craft-notes{padding-block:3.4rem}.craft-grid{grid-template-columns:1fr;gap:1.9rem;margin-top:2rem}.craft-grid p{font-size:.88rem}.craft-intro{text-align:left}footer{flex-wrap:wrap;gap:1rem;padding-block:1.5rem}footer p{order:3;flex-basis:100%}.stage-foot>span{font-size:.59rem;max-width:155px}.zoom-button{font-size:.64rem;padding:.6rem}.dialog-topline h2{font-size:1.25rem}.dialog-topline{gap:.6rem}.close-dialog{gap:.5rem}.preview-stage[data-mode="art"] .design-preview{width:min(76%,400px)}}
@media(max-width:480px){.concept-grid{grid-template-columns:1fr}.concept-card h3{font-size:1.35rem}}
@media(max-width:380px){.preview-topline{font-size:.58rem}.preview-controls{flex-direction:column}.download-actions{grid-template-columns:1fr}.header-cta{padding:.45rem .55rem;gap:.5rem}.palette-option{padding:.7rem .5rem}.palette-option small{font-size:.59rem}.preview-stage{height:440px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.design-preview,.preview-stage[data-side="back"] .design-preview{transition:none;transform:none}.concept-card img{transition:none}.concept-card>a:hover img{transform:none}dialog::backdrop{backdrop-filter:none}}