:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#173640;background:#fbf8f2;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}header,footer{max-width:1440px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:750;text-decoration:none;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:32px;height:36px;background:#246b64;color:white;border-radius:10px 10px 10px 2px;font:italic 27px Georgia,serif}nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-size:14px}.button{display:inline-flex;gap:25px;align-items:center;text-decoration:none;background:#174e4c;color:white;padding:18px 24px;border-radius:9px;font-weight:650;transition:transform .2s,background .2s}.button:hover{background:#216c65;transform:translateY(-3px)}.button.small{padding:12px 22px}main{overflow:hidden}.hero{max-width:1440px;margin:auto;padding:48px 5% 75px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750;color:#33655f}h1{font-family:Georgia,serif;font-size:clamp(44px,4.7vw,70px);line-height:1.06;letter-spacing:-2.5px;font-weight:400;margin:27px 0}h1 em{color:#ac4d37;font-weight:400}.lede{font-size:17px;line-height:1.75;max-width:510px;color:#4d6067}.actions{display:flex;gap:22px;align-items:center;margin-top:28px;flex-wrap:wrap}.text-link{font-size:14px;text-underline-offset:5px}.note{font-size:12px;line-height:1.7;max-width:500px;color:#53666a;margin-top:24px;padding-left:14px;border-left:2px solid #c48d72}.art-library{position:absolute;width:0;height:0;overflow:hidden}.composition{position:relative;isolation:isolate}.composition:before{content:"";position:absolute;inset:-30px;background:radial-gradient(ellipse,#dbe7dc80,transparent 70%);z-index:-1}.source-product{display:flex;align-items:center;justify-content:space-between;background:#fffdf8;border:1px solid #e1e7dd;border-radius:20px;padding:18px 22px;box-shadow:0 10px 35px #244c4510}.source-product h2{font:28px/1.1 Georgia,serif;margin:12px 0}.source-product p{font-size:11px;color:#546c68}.tiny-label{font-size:9px;letter-spacing:1.2px;font-weight:750}.product-art{width:170px;height:150px;color:#39877c;flex-shrink:0}.flow-label{display:flex;align-items:center;justify-content:center;gap:12px;margin:19px 0;font-size:9px;letter-spacing:1.2px;font-weight:750;color:#526f68}.flow-label span{height:1px;background:#a9c5b5;flex:1}.pin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}.pin{min-width:0;min-height:245px;border-radius:13px;padding:15px 11px 13px;box-shadow:0 14px 20px #16364113;display:flex;flex-direction:column;animation:fan-in .8s backwards;transition:transform .25s,box-shadow .25s}.pin:hover{transform:translateY(-8px) rotate(0deg);box-shadow:0 24px 28px #16364125}.pin .tiny-label{font-size:7px;letter-spacing:.7px}.pin h3{font:20px/1.08 Georgia,serif;letter-spacing:-.5px;margin:15px 0 5px}.pin small{font-size:8px;line-height:1.5;margin-top:auto}.mug-art{width:100%;height:105px;flex-shrink:0;color:#337b71}.peach{background:#edb596;transform:rotate(-4deg)}.navy{background:#193e46;color:#fff0db;transform:translateY(14px) rotate(-1deg);animation-delay:.12s}.navy .mug-art{color:#dbb39a}.sage{background:#c5d5b9;transform:translateY(6px) rotate(2deg);animation-delay:.24s}.cream{background:#eee4cc;transform:rotate(5deg);animation-delay:.36s}.cream .mug-art{color:#bd775e}.example{font-size:10px;line-height:1.6;color:#5f726b;margin:30px 0 0;text-align:center}#journey{padding:75px 7%;background:#ecedde}.section-title{max-width:690px}.section-title h2,.available h2,.closing h2{font:clamp(36px,4vw,54px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:20px 0}.section-title>p:last-child{color:#52645d;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:50px}.steps article{border-top:1px solid #b7c2ac;padding-top:22px}.steps b{color:#a04e37;font:28px Georgia,serif}.steps h3{font-size:19px;line-height:1.3}.steps p,.available p{font-size:14px;line-height:1.8;color:#465e5c}.available{padding:85px 7%;display:grid;grid-template-columns:1fr 1fr;gap:70px}.status-list p{margin:0 0 22px;padding-bottom:22px;border-bottom:1px solid #dbe3d8}.status-list strong{display:block;margin:9px 0 3px;color:#203f44}.status-tag{font-size:9px;letter-spacing:1px;background:#dcebdd;padding:5px 8px;border-radius:4px;color:#315d48}.status-tag.pending{background:#f0dfd2;color:#81563f}.closing{text-align:center;padding:60px 5% 80px;background:#f2d9cc}.closing p:not(.eyebrow){font-size:13px;line-height:1.6;color:#526164}.closing .button{margin-top:20px}footer p{font-size:12px;color:#526164}.skip{position:absolute;top:-60px;background:white;padding:15px;z-index:10}.skip:focus{top:0}:focus-visible{outline:3px solid #a74e35;outline-offset:5px}@keyframes fan-in{from{opacity:0;translate:0 24px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@media(max-width:1100px){.hero{gap:30px}.pin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pin{min-height:235px}.mug-art{height:100px}.pin h3{font-size:25px}.source-product h2{font-size:25px}.product-art{width:130px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){header{padding:22px 6%}nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:20px;gap:35px}h1{font-size:clamp(43px,9vw,66px);letter-spacing:-1.8px}.composition{max-width:520px;width:100%;margin:auto}.available{grid-template-columns:1fr;gap:20px;padding:55px 6%}.steps{gap:24px}.steps h3{font-size:17px}#journey{padding:55px 6%}footer{align-items:start}footer p{max-width:160px}.product-art{width:145px}}@media(max-width:380px){.steps{grid-template-columns:1fr}.source-product{padding:15px}.source-product h2{font-size:22px}.product-art{width:100px}.pin h3{font-size:22px}.brand{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.pin:hover,.button:hover{transform:none}}
/* Landing-only dark product presentation; studio stylesheet is unchanged. */
:root{color:#e5f2f6;background:#080f1c}body{background:radial-gradient(ellipse at 80% 15%,#123746 0,transparent 45%),#080f1c}.brand-icon,.button{background:#57e1d0;color:#072b30}.button:hover{background:#8ef4e6}.eyebrow,h1 em{color:#68e8d8}h1{font-family:Inter,"Segoe UI",sans-serif;font-weight:650;letter-spacing:-3px}.lede,.note,.example,.source-product p,.flow-label,.section-title>p:last-child,.steps p,.available p,.closing p:not(.eyebrow),footer p{color:#aec4ce}.source-product{background:linear-gradient(135deg,#142c3d,#101c2c);border-color:#345366;box-shadow:0 0 45px #42dfcf12}.source-product h2{color:#efffff}.composition:before{background:radial-gradient(ellipse,#24d2d326,transparent 70%)}.flow-label span{background:linear-gradient(90deg,transparent,#5be4d3,transparent);height:2px;animation:signal-in 1.4s ease-out both}.pin{color:#173640;box-shadow:0 15px 35px #0005}.pin.navy{color:#fff0db;border:1px solid #426b75}#journey{background:#101c2d;border-block:1px solid #294051}.steps article,.status-list p{border-color:#345061}.steps b{color:#6ce5d5}.status-list strong{color:#e7f6fa}.status-tag{background:#193f3c;color:#99f3d4}.status-tag.pending{background:#3b3244;color:#eed3ff}.closing{background:radial-gradient(ellipse at bottom,#164958,#101b2d)}.skip{background:#102938;color:white}:focus-visible{outline-color:#7ef8e8}@keyframes signal-in{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media(max-width:760px){h1{letter-spacing:-1.8px}}@media(prefers-reduced-motion:reduce){.flow-label span{animation:none}}
.commission-example{padding:55px 7%;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;border-top:1px solid #294051;background:#0d1727}.commission-example h2{font-size:32px;letter-spacing:-1px}.commission-example p{color:#bdced8;line-height:1.7;font-size:14px}.commission-example strong{color:#f5ddaa}.example-bars{display:flex;align-items:end;gap:12px;height:180px;padding:20px;border:1px solid #375262;border-radius:18px}.example-bars span{flex:1;background:linear-gradient(#69e5d5,#215568);height:40%;border-radius:6px 6px 0 0;transform-origin:bottom;animation:activity-in 1.5s both}.example-bars span:nth-child(2){height:65%;animation-delay:.1s}.example-bars span:nth-child(3){height:25%;animation-delay:.2s}.example-bars span:nth-child(4){height:80%;animation-delay:.3s}.example-bars span:nth-child(5){height:45%;animation-delay:.4s}.example-bars span:nth-child(6){height:70%;animation-delay:.5s}@keyframes activity-in{from{transform:scaleY(.05);opacity:0}to{transform:scaleY(1);opacity:1}}@media(max-width:760px){.commission-example{grid-template-columns:1fr;gap:15px}.example-bars{height:140px}}@media(prefers-reduced-motion:reduce){.example-bars span{animation:none}}