@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--paper:#f2efe8;--ink:#171614;--muted:#746e66;--dark:#151412;--white:#f7f4ed;--line:#17161424;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.55;overflow-x:hidden}body.lock{overflow:hidden}button{font:inherit}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;top:0;left:0;width:0;height:2px;background:#fff;mix-blend-mode:difference;z-index:120}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:88px;padding:0 4vw;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;color:#fff;background:linear-gradient(#111a,transparent);transition:.4s}.site-header.scrolled{height:72px;background:#151412ee}.brand-logo{width:168px;display:block}.brand-logo img{width:100%;height:auto}.main-nav{display:flex;justify-content:center;gap:34px}.main-nav a,.header-place{font-size:9px;letter-spacing:.17em;text-transform:uppercase}.main-nav a{opacity:.8;transition:.25s}.main-nav a:hover{opacity:1}.header-place{justify-self:end}.header-place span{margin-left:12px}
.hero{height:100svh;min-height:680px;position:relative;color:#fff;overflow:hidden;background:#111}.hero-img{width:100%;height:100%;object-fit:cover;animation:hero 14s cubic-bezier(.2,.7,.2,1) forwards}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#080706a8,#08070618 75%),linear-gradient(0deg,#08070678,transparent 55%)}.hero-content{position:absolute;left:8vw;top:22vh;bottom:auto}.micro{font-size:9px;letter-spacing:.25em;text-transform:uppercase;font-weight:500}.hero h1{font-size:clamp(56px,8.4vw,132px);line-height:.88;letter-spacing:-.045em;font-weight:300;margin:25px 0 38px}.hero h1 em,.welcome h2 em,.final h2 em,.contact h2 em,.craft-line em{font-family:var(--serif);font-weight:400}.hero-scroll{font-size:20px;opacity:.8}.hero-footer{position:absolute;bottom:32px;left:4vw;right:4vw;display:grid;grid-template-columns:1fr 1fr 1fr;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.hero-footer span:nth-child(2){text-align:center}.hero-footer span:last-child{text-align:right}
.welcome{padding:155px 8vw;display:grid;grid-template-columns:1fr 2.6fr 1.2fr;gap:7vw;position:relative}.side-number{font-size:9px;letter-spacing:.18em;color:var(--muted)}.welcome h2{font-size:clamp(48px,6vw,88px);line-height:.97;letter-spacing:-.04em;font-weight:300;margin:24px 0 0}.welcome-copy{align-self:end;color:#5f5a53;font-size:14px;max-width:390px}.welcome-copy p{margin:0 0 22px}.welcome-copy p:last-child{color:var(--ink);font-family:var(--serif);font-size:19px}
.editorial-image{height:80vh;min-height:600px;position:relative;overflow:hidden}.editorial-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}.editorial-image:hover img{transform:scale(1.025)}.editorial-caption{position:absolute;bottom:25px;left:4vw;right:4vw;display:flex;justify-content:space-between;color:#fff;font-size:8px;letter-spacing:.2em;text-transform:uppercase}
.brand-showcase{min-height:52vh;background:#000;display:flex;align-items:center;justify-content:center;padding:8vw}.brand-showcase img{display:block;width:min(76vw,980px);height:auto}
.material{display:grid;grid-template-columns:1fr 1fr;background:#191816;color:#f4f0e8;min-height:850px}.material-copy{padding:11vw 8vw;display:flex;flex-direction:column;justify-content:center}.material h2{font-size:clamp(44px,5.3vw,76px);line-height:1;letter-spacing:-.04em;font-weight:300;margin:24px 0 38px}.material p{font-size:14px;color:#bdb8af;max-width:510px}.material-visual{position:relative;overflow:hidden}.material-visual>img:first-child{width:100%;height:100%;object-fit:cover}.material-detail{position:absolute!important;width:31%!important;height:31%!important;object-fit:cover;right:6%;bottom:6%;border:1px solid #fff7;box-shadow:0 20px 60px #0008}
.petrified{display:grid;grid-template-columns:1.1fr .9fr;background:#e8e2d7}.petrified-image{min-height:760px;overflow:hidden}.petrified-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s}.petrified:hover img{transform:scale(1.025)}.petrified-copy{padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center}.petrified-copy h2{font-size:clamp(37px,4.4vw,62px);line-height:1.03;letter-spacing:-.035em;font-weight:300;margin:25px 0 35px}.petrified-copy p{max-width:530px;font-size:14px;color:#5f5a53}
.origins{padding:155px 8vw 170px;position:relative}.origins-head{margin-left:10vw;max-width:900px}.origins-head h2{font-size:clamp(46px,6vw,88px);line-height:.98;letter-spacing:-.04em;font-weight:300;margin:24px 0 0}.origin-grid{margin:100px 0 0 10vw;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.origin-grid article{min-height:240px;padding:27px 35px 20px 0;border-right:1px solid var(--line)}.origin-grid article+article{padding-left:35px}.origin-grid article:last-child{border:0}.origin-grid span{font-size:8px;letter-spacing:.2em;color:var(--muted)}.origin-grid h3{font-family:var(--serif);font-size:32px;font-weight:400;margin:52px 0 8px}.origin-grid p{font-size:13px;color:#666057;max-width:290px;margin:0}
.collection{padding:160px 8vw 190px}.collection-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:80px}.collection-head h2{font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.04em;font-weight:300;margin:23px 0 0}.filters{display:flex;gap:16px}.filter{background:none;border:0;border-bottom:1px solid transparent;padding:8px 4px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.filter.active{border-color:var(--ink)}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:90px 18px}.product-card:nth-child(3n+2){transform:translateY(90px)}.product-trigger{width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer}.product-image{display:block;aspect-ratio:1/1;position:relative;overflow:hidden;background:#ded9d0}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s}.product-trigger:hover img{transform:scale(1.035);filter:saturate(.92)}.product-hover{position:absolute;right:15px;bottom:15px;background:#f2efe9ee;padding:10px 13px;font-size:15px;opacity:0;transform:translateY(8px);transition:.3s}.product-trigger:hover .product-hover{opacity:1;transform:none}.product-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:14px;border-top:1px solid var(--line);margin-top:10px}.product-meta span,.product-meta strong{font-size:8px;letter-spacing:.14em;text-transform:uppercase;font-weight:400}.product-meta strong{text-align:center;font-family:var(--serif);font-size:21px;letter-spacing:0;text-transform:none}.product-meta span:last-child{text-align:right;color:var(--muted)}
.image-mosaic{background:#171614;color:#fff;padding:10vw 8vw;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:15px;min-height:900px}.image-mosaic>div{overflow:hidden}.image-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s}.image-mosaic>div:hover img{transform:scale(1.025)}.image-mosaic>div:first-child{grid-row:1/3}.mosaic-copy{display:flex;flex-direction:column;justify-content:center;padding:50px}.mosaic-copy p{font-family:var(--serif);font-size:32px;line-height:1.1;max-width:380px}
.craft{display:grid;grid-template-columns:1fr 1fr;background:#ded8cd}.craft-image{min-height:820px;overflow:hidden}.craft-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s}.craft:hover .craft-image img{transform:scale(1.025)}.craft-copy{padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center}.craft-copy h2{font-size:clamp(45px,5.2vw,74px);font-weight:300;line-height:.98;letter-spacing:-.04em;margin:25px 0 35px}.craft-copy p{font-size:14px;color:#5f5a53;max-width:510px}.craft-line{border-top:1px solid var(--line);margin-top:50px;padding-top:23px;font-size:12px}.craft-line em{font-size:20px}
.final{height:88vh;min-height:620px;position:relative;color:#fff;overflow:hidden}.final>img{width:100%;height:100%;object-fit:cover;transition:transform 2s}.final:hover>img{transform:scale(1.025)}.final-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0b0a0990,transparent 75%)}.final-copy{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-50%)}.final h2{font-size:clamp(62px,8.8vw,135px);line-height:.86;letter-spacing:-.045em;font-weight:300;margin:22px 0 38px}.final p{font-family:var(--serif);font-size:18px}
.contact{padding:155px 8vw 175px;background:#171614;color:#f4f0e8;position:relative}.contact .side-number{color:#aaa49a}.contact-inner{margin-left:10vw;display:grid;grid-template-columns:1.25fr .75fr;gap:10vw}.contact h2{font-size:clamp(48px,6.2vw,92px);line-height:.95;font-weight:300;letter-spacing:-.04em;margin:24px 0}.contact-details{padding-top:50px;display:flex;flex-direction:column;gap:18px}.contact-details a{font-family:var(--serif);font-size:24px;border-bottom:1px solid #fff2;padding-bottom:12px}.contact-details span{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#aaa49a}
footer{background:#171614;color:#f4f0e8;border-top:1px solid #fff2;padding:30px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:8px;letter-spacing:.18em;text-transform:uppercase}footer img{width:220px;height:auto}footer div:nth-child(2){text-align:center}footer a{text-align:right;font-size:18px}
.portfolio{display:none;position:fixed;z-index:90;inset:0;color:#f5f1e8}.portfolio.open{display:block}.portfolio-backdrop{position:absolute;inset:0;background:#0e0d0c}.portfolio-bar{position:absolute;z-index:3;left:0;right:0;top:0;height:82px;padding:0 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid #fff2;font-size:8px;letter-spacing:.2em;text-transform:uppercase}.portfolio-bar span:nth-child(2){text-align:center}.portfolio-bar button{justify-self:end;background:none;border:0;color:#fff;font-size:34px;font-weight:200;cursor:pointer}.portfolio-content{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center;padding:8vh 7vw}.portfolio-photo{height:76vh;min-height:480px;overflow:hidden;background:#222}.portfolio-photo img{width:100%;height:100%;object-fit:cover}.portfolio-info h2{font-family:var(--serif);font-size:clamp(62px,8vw,130px);line-height:.84;font-weight:400;letter-spacing:-.045em;margin:22px 0 65px}.specs{border-top:1px solid #fff2}.specs div{display:grid;grid-template-columns:75px 1fr;gap:25px;padding:17px 0;border-bottom:1px solid #fff2}.specs span{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#aaa49a}.specs p{margin:0;font-size:12px;line-height:1.5}.portfolio-controls{position:absolute;z-index:4;left:7vw;right:7vw;bottom:24px;display:flex;align-items:center;justify-content:space-between}.portfolio-controls button{background:none;border:0;color:#fff;font-size:25px;cursor:pointer}.portfolio-controls div{display:flex;gap:6px}.portfolio-controls i{width:4px;height:4px;border-radius:50%;background:#777;display:block}.portfolio-controls i.active{background:#fff}
@keyframes hero{from{transform:scale(1.06)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:900px){.site-header{grid-template-columns:155px 1fr 130px;padding:0 5vw}.main-nav{display:none}.brand-logo{width:145px}.header-place{font-size:7px}.welcome,.material,.petrified,.craft,.contact-inner{grid-template-columns:1fr}.welcome{padding:110px 7vw}.welcome-copy{margin-top:35px}.editorial-image{height:60vh;min-height:450px}.material-copy,.petrified-copy,.craft-copy{padding:85px 8vw}.material-visual{min-height:60vh}.petrified-image,.craft-image{min-height:60vh}.origins{padding:110px 7vw}.origins-head,.origin-grid,.contact-inner{margin-left:0}.origin-grid{grid-template-columns:1fr;margin-top:70px}.origin-grid article,.origin-grid article+article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.origin-grid h3{margin:25px 0 8px}.collection{padding:110px 7vw 140px}.collection-head{align-items:start;flex-direction:column;gap:30px}.collection-grid{grid-template-columns:1fr 1fr;gap:65px 14px}.product-card:nth-child(3n+2){transform:none}.product-card:nth-child(even){transform:translateY(45px)}.image-mosaic{min-height:700px;grid-template-columns:1fr 1fr;padding:7vw}.craft-image{min-height:60vh}.final{min-height:580px}.contact{padding:110px 7vw}.portfolio-content{grid-template-columns:1fr;overflow:auto;padding:100px 6vw 80px}.portfolio-photo{height:58vh;min-height:350px}.portfolio-info{padding:35px 0 90px}.portfolio-info h2{margin-bottom:40px}}
@media(max-width:560px){.site-header{grid-template-columns:1fr auto}.header-place{display:none}.hero{min-height:620px}.hero-content{left:7vw;top:18vh;bottom:auto}.hero h1{font-size:17vw}.hero-footer{left:7vw;right:7vw;grid-template-columns:1fr}.hero-footer span:not(:first-child){display:none}.welcome h2,.material h2,.petrified-copy h2,.craft-copy h2{font-size:43px}.brand-showcase{min-height:38vh;padding:12vw 7vw}.brand-showcase img{width:92vw}.collection-grid{grid-template-columns:1fr}.product-card:nth-child(even){transform:none}.product-meta strong{text-align:left}.product-meta span:last-child{text-align:right}.image-mosaic{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;min-height:950px}.image-mosaic>div:first-child{grid-row:auto}.mosaic-copy{padding:35px}.final h2{font-size:20vw}.contact h2{font-size:47px}footer{grid-template-columns:1fr;gap:20px}footer div:nth-child(2),footer a{text-align:left}.portfolio-bar{height:70px}.portfolio-content{padding:85px 5vw 70px}.portfolio-photo{height:50vh}.portfolio-info h2{font-size:60px}}