:root{--paper:#f4eee6;--ivory:#fffaf2;--ink:#2d3848;--muted:#6e727c;--blue:#344761;--copper:#a66c4f;--line:#dfd5c9;--sans:"DM Sans",sans-serif;--serif:"Libre Caslon Display",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{max-width:1240px;margin:auto;padding:0 30px}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:1000;background:white;padding:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd8753;outline-offset:3px}.sitehead{background:var(--paper);border-bottom:1px solid var(--line)}.navrow{display:flex;min-height:89px;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:var(--serif);font-size:26px;letter-spacing:-.8px}.navrow nav{display:flex;gap:34px;color:#525762;font-size:13px}.navrow nav a:hover,.footergrid a:hover{color:var(--copper)}.navpill{border:1px solid #778091;padding:11px 19px;border-radius:2px;font-size:13px;font-weight:700}.intro{background:#f0e6da}.introgrid{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.introcopy{padding:105px 60px 80px 0;align-self:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;color:#9c725b;text-transform:uppercase}.tiny-star{color:var(--copper);font-size:19px;margin-right:9px}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.045em;line-height:1.06}h1{font-size:clamp(44px,5vw,79px);margin:25px 0 27px}em{color:var(--copper);font-style:normal}.introcopy p{font-size:17px;max-width:535px;color:#5e6270;line-height:1.85}.introbuttons{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 22px;font-weight:700;font-size:13px;border:1px solid transparent;cursor:pointer;text-align:center;border-radius:2px;transition:background .2s}.btn:disabled{cursor:not-allowed;opacity:.52}.primary{background:var(--blue);color:#fff}.primary:not(:disabled):hover{background:#52667d}.ghost{border-color:#a9a6a2;background:transparent}.ghost:hover{background:white}.micro{font-size:12px;color:#817e7a}.introphoto{position:relative;overflow:hidden;background:#c8ad98;margin:22px 0}.introphoto img{width:100%;height:100%;min-height:600px;object-fit:cover;object-position:center 42%;filter:sepia(.12) saturate(.72)}.photoquote{position:absolute;left:28px;bottom:33px;background:#f7f0e8e8;padding:20px 30px;font-family:var(--serif);font-size:25px;line-height:1.17;box-shadow:0 8px 25px #342d2420}.story{background:#34465d;color:#f5eee4}.storygrid{display:grid;grid-template-columns:60px 1fr 210px;gap:30px;align-items:center;padding-top:78px;padding-bottom:81px}.storymark{font-family:var(--serif);color:#be8b70;font-size:95px;line-height:1}.story h2{font-size:clamp(32px,4vw,50px);max-width:780px;margin:0 0 12px}.story h2 em{color:#e2b5a0}.story p{color:#dadce0;max-width:720px;margin:0}.storynote{padding:16px 0 16px 28px;border-left:1px solid #8793a3;font-family:var(--serif);font-size:21px;line-height:1.65}.studio{padding-top:110px;padding-bottom:110px;scroll-margin-top:25px}.sectionheading{max-width:730px;margin-bottom:40px}.sectionheading h2{font-size:clamp(36px,5vw,58px);margin:17px 0}.sectionheading p{color:#72747b;font-size:16px}.studiogrid{display:grid;grid-template-columns:minmax(320px,470px) minmax(380px,1fr);gap:34px;align-items:start}.controls,.previewpanel{background:var(--ivory);border:1px solid var(--line);padding:35px;box-shadow:0 20px 50px #6a4d310b}.step{display:flex;align-items:center;gap:17px;margin:0 0 20px}.step span{display:grid;place-items:center;background:#eee0d2;color:#935d47;width:36px;height:36px;border-radius:50%;font-size:12px;font-weight:700}.step h3{font-family:var(--serif);font-size:27px;margin:0}.step.split{margin-top:33px;padding-top:28px;border-top:1px solid var(--line)}.controls label{display:block;margin:0 0 18px;color:#414958;font-weight:700;font-size:13px}.controls input,.controls select,.controls textarea{display:block;margin-top:8px;width:100%;min-height:46px;border:1px solid #d7d0c7;background:#fffdfa;border-radius:2px;padding:10px 12px;color:#29374b;font-weight:400}.controls textarea{min-height:84px;resize:vertical}.optional{font-weight:400;color:#858583;font-size:12px}.hint,.manual small{font-size:12px;line-height:1.65;color:#72777c;margin:4px 0 19px}.manual{background:#f7eee5;padding:14px 14px 3px;margin:0 0 17px}.manual[hidden]{display:none}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.generate{width:100%;margin-top:12px}.formerror{margin-top:13px;padding:12px;background:#fce8e4;color:#8a382a;font-size:13px}.formerror[hidden]{display:none}.previewpanel{position:sticky;top:18px}.previewtop{display:flex;justify-content:space-between;gap:10px;align-items:center}.sampletag{font-size:10px;letter-spacing:.12em;border:1px solid #c6b09c;color:#977258;padding:5px 7px}.hoopbox{margin:25px auto 25px;max-width:530px;aspect-ratio:1;background:radial-gradient(circle,#e2d2bd 15%,#d0bba2 70%,#f0e1cd 100%);box-shadow:inset 0 0 80px #ac805034;border-radius:50%;padding:20px}.sky-art svg{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 18px #5d48343c)}.previewpanel h3{font-family:var(--serif);font-size:33px;margin:20px 0 0;text-align:center}.preview-description{text-align:center;color:#7b706b;margin:4px 0 17px}.source-note{background:#f1e8de;color:#5d6068;padding:11px 13px;font-size:12px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0}.stats>div{padding:14px 8px;text-align:center}.stats>div+div{border-left:1px solid var(--line)}.stats b{font-size:15px;display:block}.stats span{color:#817e7a;font-size:11px}.floss{display:flex;flex-wrap:wrap;gap:9px 17px;margin-bottom:23px}.flossitem{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c6c70}.flossitem i{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #adadad}.deliver{border-top:1px solid var(--line);padding-top:23px}.deliver p{margin:8px 0 15px;font-size:13px;color:#656b73}.purchase,.sample{width:100%;margin-bottom:9px}.sample{background:#fff;border-color:#a1a6ac;color:#33445d}.sample:hover{background:#f2f4f5}.deliver .guard{font-size:11px;color:#827d77;margin:9px 0}.included{background:#e9dfd4;padding:90px 0}.includedgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.includedgrid>div{padding:22px 8px 16px 0;border-top:1px solid #c8b9a9}.numeral{color:#a36c4e;font-weight:700;font-size:12px}.included h3{font-family:var(--serif);font-size:28px;line-height:1.2;margin:17px 0 12px}.included p{color:#6d6d75;font-size:13px}.notes{padding:58px 0;color:#74747c;font-size:12px}.notes h2{font-family:var(--serif);color:#34465d;font-size:28px;margin:0 0 15px}.notes p{max-width:1060px}.notes a{text-decoration:underline;color:#8f5e45}footer{background:#e7ddd2;padding:40px 0}.footergrid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footergrid div{text-align:right;color:#71717a;font-size:12px}.footergrid p{margin:0 0 8px}
@media(max-width:920px){.introgrid{grid-template-columns:1fr 1fr}.introcopy{padding:55px 30px 55px 0}h1{font-size:clamp(42px,5vw,58px)}.introphoto img{min-height:560px}.studiogrid{grid-template-columns:1fr 1fr;gap:18px}.controls,.previewpanel{padding:22px}.storygrid{grid-template-columns:40px 1fr}.storynote{grid-column:2;border:0;padding:0;font-size:16px}.includedgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:690px){.wrap{padding:0 19px}.navrow{min-height:74px;flex-wrap:wrap}.brand{font-size:23px}.navrow nav{display:none}.navpill{font-size:11px;padding:9px 11px}.introgrid{display:flex;flex-direction:column-reverse}.introphoto{margin:0 -19px}.introphoto img{min-height:290px;max-height:390px}.photoquote{font-size:20px;left:16px;bottom:15px;padding:12px 16px}.introcopy{padding:50px 0 57px}.introcopy p{font-size:15px}.introbuttons .btn{width:100%}.intro h1{font-size:clamp(43px,10vw,62px)}.storygrid{padding-top:55px;padding-bottom:55px;grid-template-columns:1fr;gap:3px}.storymark{font-size:64px}.story h2{font-size:36px}.storynote{grid-column:1;margin-top:20px}.studio{padding-top:70px;padding-bottom:70px}.studiogrid{display:block}.controls{margin-bottom:20px}.previewpanel{position:static}.included{padding:60px 0}.includedgrid{grid-template-columns:1fr 1fr;gap:13px}.included h3{font-size:24px}.footergrid{display:block}.footergrid div{text-align:left;margin-top:17px}.hoopbox{padding:12px}}
@media(max-width:390px){.includedgrid{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
