@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Outfit:wght@200;300;400;500&family=Caveat:wght@400;500;600&display=swap";:root{--bg:#faf9f6;--surface:#fff;--text:#1c1b18;--gold:#b09260;--gold-light:#c6ac7e;--gold-dark:#8a7148;--ink:#2c2a25;--muted:#9e978c;--light:#e9e5dd;--border:#b092602e;--shadow:#1c1b180a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;position:relative;overflow-x:hidden}body:before{content:"";opacity:.04;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C8B70' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}#root{flex-direction:column;min-height:100vh;display:flex}.brush-deco{pointer-events:none;z-index:1;position:fixed}.brush-main{opacity:0;width:55vw;height:110vh;animation:2s ease-out .8s forwards brushReveal;top:-5%;right:-8%}.brush-accent{opacity:0;width:22vw;max-width:280px;animation:1.8s ease-out 1.5s forwards brushReveal;bottom:8%;left:3%}.paint-drip{pointer-events:none;z-index:2;opacity:0;width:3px;animation:3s ease-out 2s forwards dripReveal;position:fixed;top:0;left:7%}.paint-drip .drip-line{background:linear-gradient(180deg, var(--gold), var(--gold-light), transparent);opacity:.2;width:1.5px;height:35vh;margin:0 auto}.paint-drip .drip-blob{background:var(--gold);opacity:.15;border-radius:50%/40% 40% 60% 60%;width:6px;height:8px;margin:-1px auto 0}.glow{filter:blur(140px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.glow.a{background:radial-gradient(circle,#b0926012,#0000 70%);width:550px;height:550px;animation:14s ease-in-out infinite alternate glowDrift;top:-12%;right:15%}.glow.b{background:radial-gradient(circle,#b092600a,#0000 70%);width:400px;height:400px;animation:18s ease-in-out infinite alternate-reverse glowDrift;bottom:-8%;left:10%}.corner{z-index:5;opacity:0;width:36px;height:36px;animation:1.5s ease-out 2.2s forwards fadeIn;position:fixed}.corner:before,.corner:after{content:"";background:var(--gold);opacity:.18;position:absolute}.corner.tl{top:1.8rem;left:1.8rem}.corner.tl:before{width:36px;height:1px;top:0;left:0}.corner.tl:after{width:1px;height:36px;top:0;left:0}.corner.tr{top:1.8rem;right:1.8rem}.corner.tr:before{width:36px;height:1px;top:0;right:0}.corner.tr:after{width:1px;height:36px;top:0;right:0}.corner.bl{bottom:1.8rem;left:1.8rem}.corner.bl:before{width:36px;height:1px;bottom:0;left:0}.corner.bl:after{width:1px;height:36px;bottom:0;left:0}.corner.br{bottom:1.8rem;right:1.8rem}.corner.br:before{width:36px;height:1px;bottom:0;right:0}.corner.br:after{width:1px;height:36px;bottom:0;right:0}nav{z-index:10;justify-content:space-between;align-items:center;padding:2.5rem 4rem;animation:1.2s ease-out fadeDown;display:flex;position:relative}.logo{letter-spacing:.25em;text-transform:uppercase;color:var(--gold-dark);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:500}.nav-deco{align-items:center;gap:1.2rem;display:flex}.nav-deco .rule{background:var(--light);width:50px;height:1px}.nav-deco .diamond{background:var(--gold);opacity:.5;width:5px;height:5px;transform:rotate(45deg)}.nav-badge{letter-spacing:.25em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:.6rem;display:flex}.nav-badge .pip{border:1px solid var(--gold);border-radius:50%;width:5px;height:5px;position:relative}.nav-badge .pip:after{content:"";background:var(--gold);border-radius:50%;animation:2.5s ease-in-out infinite pulse;position:absolute;inset:1px}main{z-index:10;flex:1;justify-content:center;align-items:center;padding:0 4rem;display:flex;position:relative}.hero{text-align:center;max-width:740px}.hero-tag{letter-spacing:.55em;text-transform:uppercase;color:var(--gold);opacity:0;justify-content:center;align-items:center;gap:1rem;margin-bottom:2.2rem;font-size:.58rem;font-weight:400;animation:1s ease-out .4s forwards fadeUp;display:flex}.hero-tag .bar{background:var(--gold);opacity:.35;width:36px;height:1px}h1{letter-spacing:-.01em;opacity:0;margin-bottom:.15em;font-family:Playfair Display,serif;font-size:clamp(2.8rem,7vw,6.2rem);font-weight:400;line-height:1.08;animation:1.2s ease-out .65s forwards fadeUp;position:relative}h1 em{background:linear-gradient(135deg, var(--gold-dark), var(--gold), var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:500}.hand-note{color:var(--gold);opacity:0;margin-bottom:1.8rem;font-family:Caveat,cursive;font-size:clamp(1rem,2.5vw,1.5rem);animation:1.2s ease-out 1.2s forwards handWrite;display:inline-block;position:relative}.hand-note:before{content:"";background:var(--gold);opacity:.25;transform-origin:0;width:100%;height:1px;animation:.8s ease-out 1.8s both lineGrow;position:absolute;bottom:-2px;left:0}.hand-note .arrow-sketch{opacity:.4;margin-left:8px;display:inline-block}.hero-desc{color:var(--muted);opacity:0;max-width:360px;margin:0 auto 3.5rem;font-size:1rem;font-weight:200;line-height:1.85;animation:1s ease-out 1s forwards fadeUp}.cd-wrap{opacity:0;animation:1s ease-out 1.3s forwards fadeUp}.cd-label{letter-spacing:.45em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem;font-size:.52rem}.cd{justify-content:center;gap:.6rem;display:flex}.cd-box{background:var(--surface);border:1px solid var(--border);text-align:center;width:88px;box-shadow:0 2px 20px var(--shadow);border-radius:3px;padding:1.25rem 0;transition:border-color .4s,box-shadow .4s;position:relative}.cd-box:hover{border-color:#b0926059;box-shadow:0 4px 30px #b0926014}.cd-box:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.45;height:1px;position:absolute;top:-1px;left:20%;right:20%}.cd-num{color:var(--text);margin-bottom:.35rem;font-family:Playfair Display,serif;font-size:2rem;font-weight:400;line-height:1}.cd-unit{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:.48rem}.cd-colon{color:var(--gold);opacity:.28;align-items:center;padding-bottom:.7rem;font-size:1.3rem;font-weight:200;display:flex}footer{z-index:10;opacity:0;justify-content:space-between;align-items:flex-end;padding:2.5rem 4rem;animation:1s ease-out 1.6s forwards fadeUp;display:flex;position:relative}footer:before{content:"";background:linear-gradient(90deg, transparent, var(--light), transparent);height:1px;position:absolute;top:0;left:4rem;right:4rem}.ft-contact{flex-direction:column;gap:.55rem;display:flex}.ft-label{letter-spacing:.35em;text-transform:uppercase;color:var(--muted);font-size:.52rem}.ft-link{color:var(--text);letter-spacing:.04em;font-size:.85rem;font-weight:300;text-decoration:none;transition:color .3s}.ft-link:hover{color:var(--gold)}.sns{align-items:center;gap:2rem;display:flex}.sns a{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-bottom:3px;font-size:.6rem;text-decoration:none;transition:color .35s;position:relative}.sns a:after{content:"";background:var(--gold);width:0;height:1px;transition:all .4s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sns a:hover{color:var(--gold-dark)}.sns a:hover:after{width:100%}.sns-dot{background:var(--light);border-radius:50%;width:3px;height:3px}.palette{z-index:5;opacity:0;flex-direction:column;gap:6px;animation:1.5s ease-out 2.5s forwards fadeIn;display:flex;position:fixed;top:50%;right:3.5rem;transform:translateY(-50%)}.palette .chip{opacity:.35;cursor:default;border-radius:50%;width:10px;height:10px;transition:transform .3s,opacity .3s}.palette .chip:hover{opacity:.7;transform:scale(1.6)}.palette .chip:first-child{background:#b09260}.palette .chip:nth-child(2){background:#d4a574}.palette .chip:nth-child(3){background:#8b6f47}.palette .chip:nth-child(4){background:#2c2a25}.palette .chip:nth-child(5){background:#c8b89a}.studio-text{writing-mode:vertical-rl;color:var(--gold);opacity:0;letter-spacing:.1em;font-family:Caveat,cursive;font-size:.85rem;animation:1.5s ease-out 2.8s forwards fadeIn;position:fixed;bottom:6rem;left:2.2rem}.studio-text span{opacity:.2}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes glowDrift{0%{transform:translate(0)}to{transform:translate(25px,18px)}}@keyframes brushReveal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes handWrite{0%{opacity:0;transform:translateY(8px)rotate(-1deg)}to{opacity:.7;transform:translateY(0)rotate(0)}}@keyframes lineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dripReveal{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0 0 0%)}}@media (width<=768px){nav{padding:2rem 1.8rem}main{padding:0 1.8rem}footer{text-align:center;flex-direction:column-reverse;align-items:center;gap:2rem;padding:2rem 1.8rem}footer:before{left:1.8rem;right:1.8rem}.ft-contact{align-items:center}.nav-deco{display:none}h1{font-size:clamp(2.2rem,11vw,3.8rem)}.hero-desc{font-size:.9rem}.hand-note{font-size:1rem}.cd-box{width:66px;padding:1rem 0}.cd-num{font-size:1.5rem}.cd-colon{padding-bottom:.5rem;font-size:1rem}.corner,.palette,.studio-text,.paint-drip,.brush-accent{display:none}.brush-main{opacity:.6;width:90vw;right:-25%}.glow.a{width:350px;height:350px}.glow.b{width:280px;height:280px}.sns{gap:1.4rem}}