@font-face{font-family:Cormorant;src:url('./assets/CormorantGaramond-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Cormorant;src:url('./assets/CormorantGaramond.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#171310;--paper:#f7f3ee;--cream:#fbf9f6;--rose:#d5a08c;--rose-dark:#9e6254;--line:rgba(23,19,16,.16);--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:Cormorant,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:16px;line-height:1.5;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img,video{display:block;width:100%;height:100%;object-fit:cover}
button{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;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")}
.section-shell{width:min(1420px,calc(100% - 80px));margin-inline:auto}
.site-header{height:94px;width:100%;padding:0 40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:50;background:rgba(247,243,238,.92);backdrop-filter:blur(16px);transition:height .3s ease}
.site-header.scrolled{position:fixed;top:0;height:72px}
.brand{display:flex;align-items:center;gap:13px;width:max-content}
.brand-mark{width:50px;height:50px;border-radius:50%;display:block;position:relative;overflow:hidden;background:#e7bcb7;box-shadow:0 0 0 1px rgba(158,98,84,.48)}
.brand-mark img{width:111.5%;height:111.5%;max-width:none;object-fit:cover;object-position:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.brand-type{font-family:var(--serif);font-size:22px;line-height:.9;letter-spacing:.02em}.brand-type small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.2em;text-transform:uppercase;margin-top:7px}
.site-nav{display:flex;gap:34px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--rose-dark);transition:right .25s}.site-nav a:hover:after{right:0}
.header-cta{justify-self:end;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:6px}.header-cta span{color:var(--rose-dark);margin-left:8px}.menu-toggle{display:none}
.hero{min-height:760px;display:grid;grid-template-columns:.82fr 1.18fr;gap:6vw;align-items:center;padding-block:68px 82px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.24em;font-weight:600;margin:0 0 26px;color:var(--rose-dark)}.eyebrow.light{color:#e8b9a8}
h1,h2,.statement-copy{font-family:var(--serif);font-weight:300;margin:0;letter-spacing:-.035em}
h1{font-size:clamp(3.6rem,5.4vw,6.2rem);line-height:.88;max-width:760px}h1 em,h2 em,.statement-copy em{font-weight:300;color:var(--rose-dark)}
.hero-subhead{font-size:17px;line-height:1.65;max-width:610px;margin:34px 0;color:#514a44}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{min-height:54px;padding:0 23px;display:inline-flex;gap:22px;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:transform .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white;min-width:220px}.button-dark:hover{background:var(--rose-dark)}.text-link{font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #968b83;padding-bottom:5px}.text-link span{color:var(--rose-dark)}
.hero-note{display:flex;align-items:flex-start;gap:16px;margin-top:65px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;line-height:1.8}.hero-note .rule{width:62px;height:1px;background:var(--rose-dark);margin-top:7px}
.hero-art{height:min(72vw,680px);max-height:680px;position:relative;padding-left:8%;padding-bottom:8%}.art-main{height:100%;position:relative;overflow:hidden;background:#d9c7bc}.art-main img,.art-main video{object-position:center 46%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.hero-art:hover .art-main img,.hero-art:hover .art-main video{transform:scale(1.025)}.art-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(16,12,10,.64))}.art-caption{position:absolute;left:25px;right:25px;bottom:22px;z-index:1;color:white;display:flex;justify-content:space-between;align-items:end;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.art-caption span{font-family:var(--serif);font-size:34px}.art-caption p{margin:0;text-align:right;line-height:1.55}.art-caption strong{font-weight:400;color:#eed0c3}
.art-secondary{position:absolute;width:37%;height:36%;left:0;bottom:0;border:9px solid var(--paper);overflow:hidden;background:#866}.art-secondary video{object-position:center}.hero-seal{position:absolute;right:-42px;top:13%;width:118px;height:118px;border-radius:50%;overflow:hidden;background:#e7bcb7;box-shadow:0 14px 34px rgba(64,36,31,.22);border:1px solid rgba(158,98,84,.4)}.hero-seal img{width:111.5%;height:111.5%;max-width:none;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vertical-note{position:absolute;margin:0;right:-55px;bottom:15%;font-size:8px;letter-spacing:.2em;transform:rotate(90deg);transform-origin:center;color:#6c625d}
.work{padding-block:130px 150px}.section-heading{display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:8vw;margin-bottom:70px}.section-heading h2{font-size:clamp(3.8rem,6vw,7rem);line-height:.78}.section-heading>p{max-width:520px;color:#5b534e;margin:0 0 5px;line-height:1.7}.section-heading.compact{margin-bottom:65px}
.campaign-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:65px 24px}.campaign{grid-column:span 4}.campaign-wide{grid-column:span 8}.campaign-tall .campaign-visual{aspect-ratio:3/4}.campaign-wide .campaign-visual{aspect-ratio:16/9}.campaign:not(.campaign-wide):not(.campaign-tall) .campaign-visual{aspect-ratio:4/3}.campaign-visual{overflow:hidden;position:relative;background:#ded5ce}.campaign-visual img,.campaign-visual video{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.campaign:hover .campaign-visual img,.campaign:hover .campaign-visual video{transform:scale(1.035)}.actual-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 90px rgba(0,0,0,.08);pointer-events:none}.campaign-video{object-position:center}.campaign-video-wide{object-position:center 42%}.video-label{position:absolute;z-index:2;left:18px;bottom:18px;background:rgba(247,243,238,.82);backdrop-filter:blur(8px);padding:7px 10px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}.editorial-image img{object-position:center}
.campaign-meta{display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid var(--line);padding-top:15px;margin-top:16px}.campaign-meta h3{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1;margin:0 0 8px}.campaign-meta p{font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin:0;color:#726760}.campaign-meta>span{font-family:var(--serif);font-size:17px;color:var(--rose-dark)}
.placeholder-scene{isolation:isolate}.placeholder-kicker,.media-pending{position:absolute;z-index:3;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.placeholder-kicker{left:22px;top:20px}.media-pending{right:20px;bottom:18px;background:rgba(255,255,255,.65);padding:7px 10px;backdrop-filter:blur(4px)}
.rose-scene{background:radial-gradient(circle at 68% 30%,#f5ddd7 0 10%,transparent 11%),radial-gradient(circle at 70% 45%,#d39585,transparent 38%),linear-gradient(120deg,#d4a192,#f0ddd5 55%,#ad6f61)}.rose-scene:before{content:"";position:absolute;width:40%;height:120%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:rotate(24deg);left:18%;top:-20%;filter:blur(8px)}.ghost-product{position:absolute;z-index:2;width:22%;height:54%;min-width:100px;left:43%;top:23%;background:linear-gradient(100deg,#fff,#dedad7 60%,#aaa);border-radius:16px 16px 28px 28px;box-shadow:0 30px 55px rgba(74,37,32,.25);display:grid;place-items:center;transform:rotate(5deg)}.ghost-product:before{content:"";position:absolute;width:70%;height:8%;top:-5%;background:#dedad8;border-radius:4px}.ghost-product span{font-size:9px;letter-spacing:.24em;transform:rotate(-90deg);color:#777}
.porcelain-scene{background:linear-gradient(145deg,#e8e4de,#bbb5af)}.porcelain-scene:before{content:"";position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.6) 0 2%,transparent 2% 8%);transform:rotate(22deg);filter:blur(2px)}.cream-orbit{position:absolute;width:45%;aspect-ratio:1;border-radius:50%;left:28%;top:22%;border:28px solid rgba(255,255,255,.78);box-shadow:20px 20px 50px rgba(62,54,50,.2),inset 8px 8px 20px rgba(70,60,55,.15)}
.botanical-scene{background:linear-gradient(120deg,#0a2b25,#51766b)}.botanical-scene:after{content:"HEARTLEAF";position:absolute;left:6%;top:48%;font-family:var(--serif);font-size:clamp(50px,8vw,128px);line-height:.6;color:rgba(231,242,233,.13);letter-spacing:-.06em}.leaf-form{position:absolute;width:30%;height:64%;left:39%;top:18%;border-radius:100% 0 100% 0;background:linear-gradient(145deg,#bcd8c4,#1d4d3d);transform:rotate(-18deg);box-shadow:18px 24px 50px rgba(0,0,0,.3)}.leaf-form:after{content:"";position:absolute;height:100%;width:1px;background:rgba(239,250,240,.65);left:50%;transform:rotate(45deg)}.botanical-scene .placeholder-kicker{color:#dce9de}
.silver-scene{background:radial-gradient(circle at 35% 35%,white,transparent 20%),linear-gradient(130deg,#b9bdc0,#f6f4f0 48%,#858b91)}.silver-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.8) 48%,transparent 60%);transform:translateX(-80%);animation:shimmer 5s ease-in-out infinite}.display-word{font-family:var(--serif);font-size:clamp(35px,4vw,72px);letter-spacing:.12em;position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#4d4e50}
@keyframes shimmer{50%,100%{transform:translateX(100%)}}
.statement{background:var(--ink);color:white;padding:145px 0 55px}.statement-copy{font-size:clamp(3.4rem,6.5vw,7.5rem);line-height:.93;max-width:1280px}.statement-copy em{color:#dfa997}.capability-row{display:flex;flex-wrap:wrap;gap:10px 40px;border-top:1px solid rgba(255,255,255,.2);margin-top:90px;padding-top:24px;font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#d4ccc6}.capability-row span:after{content:"✦";color:var(--rose);margin-left:40px}.capability-row span:last-child:after{display:none}
.process{padding-block:150px 160px}.process-grid{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(5,1fr)}.process-grid li{padding:24px 24px 20px 0;min-height:280px;border-right:1px solid var(--line);position:relative}.process-grid li+li{padding-left:24px}.process-grid li:last-child{border:0}.process-grid span{font-family:var(--serif);font-size:20px;color:var(--rose-dark)}.process-grid h3{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.05;margin:75px 0 15px}.process-grid p{font-size:13px;line-height:1.65;color:#655c56;margin:0}
.about{display:grid;grid-template-columns:1fr 1fr;min-height:780px;padding-bottom:150px}.about-visual{position:relative;min-height:650px;overflow:hidden}.about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(17,10,8,.72))}.about-visual p{position:absolute;z-index:2;left:40px;bottom:33px;color:white;font-family:var(--serif);font-size:38px;line-height:.92;margin:0}.about-copy{background:#eee4dd;padding:10% 11%;display:flex;flex-direction:column;justify-content:center}.about-copy h2{font-size:clamp(3.2rem,5vw,5.7rem);line-height:.88}.about-copy .lead{font-size:17px;line-height:1.7;margin:35px 0;color:#59504a}.credentials{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(23,19,16,.27);border-bottom:1px solid rgba(23,19,16,.27);padding:25px 0;margin:10px 0 26px;gap:18px}.credentials strong{display:block;font-family:var(--serif);font-weight:300;font-size:34px}.credentials span{display:block;font-size:9px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}.fine-print{font-size:12px;line-height:1.7;color:#716660;margin:0}
.closing{min-height:680px;background:#1c1513;color:white;position:relative;overflow:hidden;display:grid;place-items:center}.closing-inner{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}.closing h2{font-size:clamp(4.4rem,8vw,9rem);line-height:.82}.closing h2 em{color:#dfad9a}.button-light{background:white;color:var(--ink);min-width:245px;margin-top:45px}.button-light:hover{background:#e7b5a2}.closing-art{position:absolute;inset:0;opacity:.65}.orb{position:absolute;width:46vw;height:46vw;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(230,161,138,.8),rgba(116,55,46,.2) 45%,transparent 68%);filter:blur(6px);left:-15vw;bottom:-20vw}.orb-two{left:auto;bottom:auto;right:-18vw;top:-23vw;transform:scale(.8);background:radial-gradient(circle at 50% 50%,rgba(244,210,197,.62),rgba(133,74,63,.2) 48%,transparent 68%)}
.site-footer{background:#130f0d;color:#eee7e2;min-height:230px;padding:58px 40px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid rgba(255,255,255,.12)}.site-footer .brand-mark{box-shadow:0 0 0 1px rgba(229,178,163,.55)}.site-footer>p{font-size:9px;letter-spacing:.17em;text-transform:uppercase;text-align:center;color:#8c817a}.site-footer>div{display:flex;flex-direction:column;gap:12px;align-items:flex-end;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.site-footer a:hover{color:var(--rose)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.silver-scene:after{animation:none}}
@media (max-width:1000px){.section-shell{width:min(100% - 48px,900px)}.site-header{padding:0 24px;grid-template-columns:1fr auto}.site-nav,.header-cta{display:none}.menu-toggle{display:block;background:none;border:0;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.site-nav.open{display:flex;position:fixed;inset:94px 0 0;background:var(--paper);flex-direction:column;padding:55px 25px;gap:26px;font-family:var(--serif);font-size:40px;text-transform:none;letter-spacing:0}.hero{grid-template-columns:1fr;gap:70px;padding-top:70px}.hero-copy{max-width:760px}.hero-art{height:750px;padding-left:6%;margin-right:30px}.campaign{grid-column:span 6}.campaign-wide{grid-column:span 12}.section-heading{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid li{border-bottom:1px solid var(--line)}.about{grid-template-columns:1fr}.about-copy{padding:90px 8%}.site-footer{grid-template-columns:1fr 1fr}.site-footer>p{display:none}}
@media (max-width:650px){.section-shell{width:calc(100% - 32px)}.site-header{height:78px;padding:0 16px}.brand-mark{width:44px;height:44px}.brand-type{font-size:20px}.site-nav.open{inset:78px 0 0}.hero{padding-top:48px;min-height:auto;gap:52px}.hero h1{font-size:clamp(3.5rem,16vw,5rem);line-height:.88}.hero-subhead{font-size:16px;margin-top:26px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-note{margin-top:42px}.hero-art{height:130vw;max-height:610px;padding-left:0;padding-bottom:18%;margin:0 18px 0 0}.art-main{height:94%}.art-secondary{width:46%;height:32%;border-width:6px;left:auto;right:-18px}.hero-seal{width:92px;height:92px;right:-20px;top:10%}.hero-seal>span{font-size:28px}.vertical-note{display:none}.work{padding-block:100px}.section-heading{grid-template-columns:1fr;gap:32px;margin-bottom:48px}.section-heading h2{font-size:4.5rem}.section-heading>p{font-size:15px}.campaign-grid{display:block}.campaign{margin-bottom:50px}.campaign .campaign-visual,.campaign-wide .campaign-visual,.campaign-tall .campaign-visual{aspect-ratio:4/5}.campaign-wide:first-child .campaign-visual{aspect-ratio:1/1}.campaign-meta h3{font-size:25px}.statement{padding:100px 0 40px}.statement-copy{font-size:3.75rem}.capability-row{display:block;margin-top:70px}.capability-row span{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}.capability-row span:after{float:right;margin:0}.process{padding-block:100px}.process-grid{grid-template-columns:1fr}.process-grid li{min-height:auto;padding:24px 0 38px!important;border-right:0}.process-grid h3{margin:35px 0 12px}.about{width:100%;padding-bottom:0}.about-visual{min-height:480px}.about-copy{padding:85px 24px}.about-copy h2{font-size:3.8rem}.credentials{grid-template-columns:1fr}.credentials div{display:grid;grid-template-columns:90px 1fr;align-items:center}.closing{min-height:600px}.closing h2{font-size:4.3rem}.site-footer{grid-template-columns:1fr;gap:40px;padding:48px 24px}.site-footer>div{align-items:flex-start}.ghost-product{width:28%;height:50%;left:38%}}
