:root{--ink:#24352f;--muted:#6c736c;--paper:#f5eee2;--cream:#fbf7ee;--line:#d9d2c4;--ochre:#b66a3e;--blue:#164d68;--serif:Georgia,"Times New Roman",serif;--sans:"Avenir Next",Avenir,Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,select,input{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,canvas:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #3d8ba1;outline-offset:4px}
.shell{width:min(1320px,calc(100% - 72px));margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:99;top:-90px;left:15px;background:#fff;color:var(--ink);padding:14px}
.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line);background:rgba(245,238,226,.95)}
.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;display:flex;align-items:center;gap:14px;font-size:16px;font-weight:600;letter-spacing:.16em;line-height:1.15}
.brand b{color:var(--ochre);font-weight:650}
.brand small{display:block;font-size:9px;letter-spacing:.28em;font-weight:600;margin-top:7px;color:var(--muted)}
.brand-mark{width:46px;height:46px;border:1px solid #aeb6ad;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:35px;color:#a45e42;font-weight:400;line-height:1}
.header-actions{display:flex;align-items:center;gap:26px}
.language-select{position:relative}
.language-select:after{content:"⌄";font-size:15px;pointer-events:none;position:absolute;right:1px;top:2px}
.language-select select{appearance:none;background:none;border:0;border-bottom:1px solid #9fa79e;padding:4px 19px 4px 3px;font-size:12px;font-weight:750;letter-spacing:.1em;color:var(--ink)}
.header-collection{font-size:11px;font-weight:750;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid currentColor;padding:7px 0}
.header-collection:hover{color:#a45e42}
.intro{position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:96px 0 78px;gap:40px}
.intro-copy{max-width:790px}
.eyebrow{font-size:10px;font-weight:750;letter-spacing:.2em;color:#9b6543;text-transform:uppercase;margin:0 0 26px}
.star{font-size:20px;vertical-align:middle;margin-right:9px}
h1,h2,p{margin-top:0}
.intro h1{font:normal clamp(72px,9.3vw,154px)/.94 var(--serif);letter-spacing:-.072em;margin:0 0 36px;max-width:900px}
.intro h1 em,.art-note h2 em,.collection-copy h2 em{font-weight:400;color:#b36f54}
.lead{font:normal clamp(19px,2.2vw,25px)/1.56 var(--serif);color:#51564c;max-width:540px;margin:0 0 38px}
.intro-labels{display:flex;align-items:center;gap:16px;color:#758076;font-size:9px;letter-spacing:.16em;font-weight:700}
.intro-labels i{width:22px;height:1px;background:#b6b9ab;display:inline-block}
.intro-aside{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:122px;min-height:288px;flex-shrink:0;border-left:1px solid var(--line);font-size:9px;font-weight:750;letter-spacing:.2em;color:#8f968f;text-align:center}
.intro-aside span:first-child{font-size:32px;font-family:var(--serif);color:#b36f54;font-weight:normal}
.intro-aside span:last-child{font:48px var(--serif);color:#b36f54}
.workspace{padding-bottom:100px}
.workspace-head{display:flex;align-items:end;justify-content:space-between;gap:36px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.workspace-head .eyebrow{margin:0 0 9px}
.workspace-head h2{font:normal clamp(34px,4.4vw,56px)/1.1 var(--serif);letter-spacing:-.04em;margin:0}
.workspace-head>p{max-width:350px;color:var(--muted);font-size:13px;margin:0 0 5px}
.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:24px;align-items:stretch;margin-top:26px}
.paper-frame{border:1px solid #d3cbbc;background:#e9e1d3;padding:17px 17px 0;display:flex;flex-direction:column;min-width:0}
.paper-top,.paper-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#7a7d72;font-size:9px;letter-spacing:.12em;font-weight:700}
.paper-top{padding:0 5px 14px}
.paper-bottom{padding:16px 5px}
#marbling{display:block;width:100%;height:auto;aspect-ratio:3/2;background:#eee5d4;box-shadow:0 6px 28px rgba(53,40,27,.15);cursor:crosshair;touch-action:none}
.control-panel{border:1px solid #d7cfc2;background:var(--cream);padding:26px 24px;display:flex;flex-direction:column}
.control-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;color:#384d41;font-size:11px;font-weight:800;letter-spacing:.14em}
.control-title span:last-child{font:29px var(--serif);color:var(--ochre);line-height:1}
fieldset{border:0;padding:24px 0 0;margin:0}
legend{font-size:10px;font-weight:800;color:#5b6c61;letter-spacing:.12em;padding:0;display:block}
.control-index{font:15px var(--serif);color:#b06d43;margin-right:10px}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
.segmented button{background:transparent;border:1px solid #cdc8bd;padding:14px 10px;color:#647067;font-size:13px;display:flex;justify-content:center;align-items:center;gap:10px}
.segmented button .symbol{font-size:21px;color:#9a6b57}
.segmented button.selected{background:#e6eade;border-color:#667e72;color:#23382e;font-weight:750}
.palette-options{display:flex;flex-direction:column;gap:7px;margin-top:13px}
.palette-option{background:transparent;border:1px solid transparent;padding:9px 7px;display:flex;gap:10px;align-items:center;text-align:left;color:#5e6860;font-size:12px}
.palette-option:hover{background:#f2ebe1}
.palette-option.selected{border-color:#bcb5a7;background:#f4ede1;color:#253c31;font-weight:700}
.palette-swatches{display:flex;gap:3px}
.palette-swatches i{width:16px;height:16px;display:inline-block;border-radius:50%;border:1px solid #ffffff90}
.palette-option .check{margin-left:auto;color:#417064;opacity:0}
.palette-option.selected .check{opacity:1}
.range-line{display:flex;align-items:center;gap:16px;margin:19px 0 0}
.range-line input{width:100%;min-width:0;accent-color:#417365;cursor:pointer}
.range-line output{font:12px ui-monospace,monospace;color:#8b6f57;min-width:30px;text-align:right}
.actions{display:flex;flex-direction:column;gap:9px;margin-top:32px}
.action{min-height:49px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;text-align:center;border-radius:2px;font-size:12px;font-weight:750;letter-spacing:.03em;transition:transform .18s,background .18s}
.action:active{transform:scale(.985)}
.action-secondary{border:1px solid #c9c4b8;background:transparent;color:#415348}
.action-secondary:hover{background:#ece8dc}
.action-primary{border:1px solid var(--ink);background:var(--ink);color:#fff;display:flex;justify-content:space-between;padding:12px 18px}
.action-primary:hover{background:#355446}
.action-primary span:last-child{font-size:20px}
.studio-share{display:block;margin:12px 0 0;padding:11px 12px;border:1px solid #cabba9;color:#775949;background:transparent;text-align:center;text-decoration:none;font-size:12px;font-weight:700}
.studio-share:hover{background:#ede6d8}
.studio-status{color:#46786b;font-size:11px;font-weight:700;min-height:36px;line-height:1.5;margin:16px 0 0}
.controls-note{color:#97968c;font-size:10px;line-height:1.6;margin:9px 0 0}
.art-note{display:grid;grid-template-columns:29% minmax(0,690px);gap:35px;padding-bottom:112px;border-top:1px solid var(--line);padding-top:85px}
.note-number{font-size:10px;font-weight:750;letter-spacing:.16em;color:#ad7653}
.art-note h2{font:normal clamp(42px,5.7vw,79px)/1.08 var(--serif);letter-spacing:-.06em;margin:0 0 28px}
.art-note p{max-width:570px;color:#677069;font-size:14px;line-height:1.9;margin:0}
.collection-band{background:#223c36;color:#f7f2e7;overflow:hidden}
.collection-inner{display:grid;grid-template-columns:minmax(250px,45%) minmax(0,1fr);gap:85px;align-items:center;min-height:550px;padding:56px 0}
.collection-art{height:430px;background:#193c49;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:10px solid #efe4cd;box-shadow:16px 19px 0 rgba(3,21,19,.25)}
.collection-art:before{content:"";position:absolute;inset:-40%;background:repeating-radial-gradient(ellipse at 32% 40%,transparent 0 15px,rgba(240,191,132,.4) 17px 21px,rgba(231,224,191,.15) 25px 28px,transparent 30px 45px);transform:rotate(-26deg) scale(1.1)}
.collection-orbit{position:absolute;border:14px solid rgba(250,219,150,.67);border-radius:48% 52% 64% 36%/56% 42% 58% 44%;mix-blend-mode:screen}
.orbit-a{width:340px;height:330px;transform:rotate(25deg) translate(50px,40px)}
.orbit-b{width:220px;height:270px;transform:rotate(-28deg) translate(-60px,10px);border-color:#d57569}
.orbit-c{width:140px;height:190px;transform:rotate(43deg) translate(55px,-35px);border-color:#7baeb2}
.collection-art>span{position:relative;z-index:1;font:italic clamp(55px,5vw,88px)/.9 var(--serif);letter-spacing:-.08em;text-align:center;text-shadow:0 5px 15px #123a4f;color:#fff2dd}
.collection-copy .eyebrow{color:#d9a57f;margin-bottom:22px}
.collection-copy h2{font:normal clamp(51px,5.5vw,81px)/1 var(--serif);letter-spacing:-.06em;margin:0 0 24px}
.collection-copy h2 em{color:#deb598}
.collection-copy>p:not(.eyebrow):not(.fineprint){font-size:15px;color:#d8ded7;line-height:1.9;max-width:535px}
.offer-row{border-top:1px solid #6b877b;border-bottom:1px solid #6b877b;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:30px 0 14px;padding:22px 0}
.offer-row>span{font-size:9px;font-weight:800;letter-spacing:.15em;color:#e3b797}
.offer-row>a{background:#f5ead8;color:#263b31;text-decoration:none;padding:14px 20px;font-size:12px;font-weight:750}
.offer-row>a:hover{background:white}
.fineprint{color:#aebfb2;font-size:10px;line-height:1.7;max-width:500px}
.footer{display:flex;justify-content:space-between;gap:24px;padding:45px 0 55px;flex-wrap:wrap;color:#7a857d;font-size:10px;font-weight:700;letter-spacing:.13em}
.footer p{margin:0}.footer p:first-child{color:#34493e}.footer span{font-weight:400;letter-spacing:0;margin-left:15px}
@media(max-width:1060px){.studio-grid{grid-template-columns:minmax(0,1fr) 290px}.control-panel{padding:23px 19px}.collection-inner{gap:45px}.collection-art{height:365px}}
@media(max-width:850px){.studio-grid{grid-template-columns:1fr}.control-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.control-title,.actions,.studio-status,.controls-note{grid-column:1/-1}.actions{display:grid;grid-template-columns:1fr 1fr}.action-primary{grid-column:1/-1}.intro{padding:75px 0 65px}.intro-aside{display:none}.collection-inner{grid-template-columns:1fr;gap:45px}.collection-art{height:340px}.art-note{grid-template-columns:1fr;gap:25px}}
@media(max-width:570px){.shell{width:min(100% - 34px,1320px)}.header-inner{min-height:78px}.brand{font-size:12px;gap:8px;letter-spacing:.1em}.brand small{font-size:7px;letter-spacing:.14em}.brand-mark{width:34px;height:34px;font-size:25px}.header-actions{gap:14px}.header-collection{max-width:85px;font-size:9px;line-height:1.3;text-align:right}.intro{padding:58px 0 56px}.intro h1{font-size:clamp(62px,15vw,92px)}.lead{font-size:19px}.intro-labels{font-size:8px;gap:7px}.intro-labels i{width:8px}.workspace-head{display:block}.workspace-head>p{margin:16px 0 0}.paper-frame{padding:10px 10px 0}.paper-top,.paper-bottom{font-size:7px}.control-panel{display:flex;padding:23px}.actions{display:flex}.action-primary{grid-column:auto}.art-note{padding:62px 0 78px}.art-note h2{font-size:48px}.collection-inner{padding:40px 0 65px;gap:48px}.collection-art{height:300px;border-width:7px;box-shadow:9px 12px 0 rgba(3,21,19,.25)}.collection-copy h2{font-size:55px}.offer-row{align-items:stretch}.offer-row>a{width:100%;text-align:center}.footer span{display:block;margin:8px 0 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}