:root{--ink:#f4ead9;--muted:#aa9482;--copper:#c9783c;--cream:#e7d5b9;--dark:#100a07;--line:rgba(244,234,217,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-height:100svh;background:radial-gradient(circle at 72% 42%,#362015 0,#190f0b 34%,#100a07 68%);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden;position:relative}.grain{position:fixed;inset:0;opacity:.055;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.glow{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none}.glow-one{width:380px;height:380px;background:#6a3019;opacity:.18;right:-150px;top:-100px}.glow-two{width:300px;height:300px;background:#966130;opacity:.08;left:-120px;bottom:-140px}.topbar,footer{width:min(1380px,calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between}.topbar{height:116px;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);font-size:12px;letter-spacing:.24em;font-weight:600}.brand img{width:46px;height:46px;border-radius:50%;background:#eee1cf}.contact-link{color:var(--ink);text-decoration:none;font-size:11px;letter-spacing:.2em;padding-bottom:7px;border-bottom:1px solid var(--copper)}.contact-link span{color:var(--copper);margin-left:8px}.hero{min-height:calc(100svh - 210px);width:min(1380px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw;padding:64px 0}.copy{position:relative;z-index:2}.eyebrow{color:var(--copper);font-size:11px;text-transform:uppercase;letter-spacing:.25em;display:flex;align-items:center;gap:12px;margin:0 0 28px}.eyebrow span{width:36px;height:1px;background:var(--copper)}h1{font-family:"Italiana",serif;font-weight:400;font-size:clamp(62px,7.5vw,126px);line-height:.84;letter-spacing:-.045em;margin:0;max-width:800px}h1 em{color:var(--cream);font-weight:400}.intro{color:var(--muted);line-height:1.8;max-width:540px;margin:38px 0 34px;font-size:15px}.mail-button{max-width:450px;padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:3px 20px;align-items:center;border:1px solid var(--line);border-radius:2px;text-decoration:none;color:var(--ink);position:relative;overflow:hidden;transition:border-color .3s,transform .3s}.mail-button:before{content:"";position:absolute;inset:0;background:var(--copper);transform:translateX(-101%);transition:transform .4s ease;z-index:-1}.mail-button:hover{border-color:var(--copper);transform:translateY(-2px)}.mail-button:hover:before{transform:none}.mail-button .mail-label{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.mail-button strong{grid-row:2;font-size:14px;font-weight:500;letter-spacing:.04em}.mail-button i{grid-column:2;grid-row:1/3;font-style:normal;font-size:20px;color:var(--copper)}.mail-button:hover i,.mail-button:hover .mail-label{color:var(--ink)}.ritual{aspect-ratio:1;position:relative;display:grid;place-items:center;max-width:590px;width:100%;justify-self:end}.seal{width:65%;aspect-ratio:1;border-radius:50%;background:#e9ddcd;display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 40px 100px rgba(0,0,0,.45)}.seal:after{content:"";position:absolute;inset:-17px;border:1px solid rgba(231,213,185,.22);border-radius:50%}.seal-inner{width:88%;height:88%;border-radius:50%;overflow:hidden;background:#fff;display:grid;place-items:center}.seal img{width:100%;height:100%;object-fit:cover;border-radius:50%}.orbit{position:absolute;border:1px solid rgba(201,120,60,.24);border-radius:50%;animation:spin 18s linear infinite}.orbit-a{inset:7%}.orbit-b{inset:0;animation-duration:27s;animation-direction:reverse;border-style:dashed}.bean{position:absolute;width:18px;height:11px;background:var(--copper);border-radius:60% 40% 60% 40%;top:11%;left:12%;transform:rotate(35deg);box-shadow:inset 1px 0 0 rgba(20,10,5,.5)}.orbit-b .bean{top:auto;left:auto;right:6%;bottom:24%;transform:scale(.75) rotate(-20deg)}.aroma{position:absolute;border:1px solid rgba(231,213,185,.17);border-radius:50%;z-index:0;animation:breathe 4s ease-in-out infinite}.aroma-one{inset:15%}.aroma-two{inset:21%;animation-delay:-2s}.vertical-note{position:absolute;right:-8px;top:50%;transform:rotate(90deg) translateY(-50%);transform-origin:right top;font-size:9px;letter-spacing:.34em;color:var(--muted)}.status{position:absolute;left:2%;bottom:10%;z-index:3;background:rgba(16,10,7,.76);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:99px;padding:10px 16px;font-size:10px;text-transform:uppercase;letter-spacing:.18em}.status span{display:inline-block;width:7px;height:7px;background:var(--copper);border-radius:50%;margin-right:8px;box-shadow:0 0 0 0 rgba(201,120,60,.7);animation:pulse 2s infinite}footer{height:94px;border-top:1px solid var(--line);color:#78675a;font-size:9px;letter-spacing:.18em;text-transform:uppercase} @keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,100%{transform:scale(.94);opacity:.2}50%{transform:scale(1.08);opacity:.8}}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(201,120,60,0)}100%{box-shadow:0 0 0 0 rgba(201,120,60,0)}}
@media(max-width:900px){.topbar,footer,.hero{width:min(100% - 40px,680px)}.topbar{height:90px}.hero{grid-template-columns:1fr;padding:52px 0 70px;text-align:center}.eyebrow{justify-content:center}.intro{margin-left:auto;margin-right:auto}.mail-button{margin:auto;text-align:left}.ritual{justify-self:center;max-width:440px;grid-row:1}.copy{grid-row:2}.vertical-note{display:none}footer{height:80px}}@media(max-width:520px){.brand span{display:none}.contact-link{font-size:9px}h1{font-size:clamp(54px,18vw,78px)}.hero{gap:44px}.ritual{width:92%}.intro{font-size:14px}.mail-button strong{font-size:12px}.status{left:-4%;bottom:5%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}