*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f4f4f1;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.intro{position:fixed;inset:0;background:#fff;z-index:99;transition:opacity 1s,visibility 1s}.intro video{width:100%;height:100%;object-fit:cover}.intro.out{opacity:0;visibility:hidden}.intro button{position:absolute;right:4vw;bottom:4vh;padding:12px 16px;background:#fff8;border:1px solid #111;font-size:9px;letter-spacing:.2em}#site{opacity:0;transition:opacity 1s}#site.on{opacity:1}header{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#050505cc}header>a{font-weight:900;font-size:22px;letter-spacing:-.08em}header span{font-size:8px}nav{display:flex;gap:24px;font-size:8px;letter-spacing:.2em}header b{font-size:8px;letter-spacing:.15em}.hero{height:100vh;min-height:700px;padding:0 8vw 10vh;display:flex;align-items:end;background:radial-gradient(ellipse at 72% 40%,#666,#222 28%,#080808 68%)}small{font-size:8px;letter-spacing:.25em;opacity:.55}.hero h1,.section h2,.statement h2,.visual h2,.about h2,.contact h2{font-family:Arial,sans-serif;font-size:clamp(64px,10vw,150px);line-height:.8;letter-spacing:-.08em;margin:20px 0}.hero h1 i,.section h2 i,.statement h2 i,.visual h2 i,.about h2 i,.contact h2 i{font-style:normal;color:transparent;-webkit-text-stroke:1px #fff}.hero p{font-size:9px;letter-spacing:.2em;margin:30px 0}.hero a,.visual a{font-size:9px;letter-spacing:.2em;border-bottom:1px solid #777;padding-bottom:11px}.section,.about,.contact{padding:140px 8vw}.section h2{margin-bottom:60px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.art{height:450px;display:grid;place-items:center;font-size:38px;letter-spacing:-.08em;transform:scale(1);transition:.4s}.art:hover{transform:scale(.98)}.a{background:linear-gradient(135deg,#333,#111)}.b{background:linear-gradient(155deg,#777,#222)}.c{background:linear-gradient(120deg,#111,#666,#111)}article h3{font-size:11px;letter-spacing:.15em;margin:18px 0 7px}article p,.photo-note{font-size:10px;color:#777}article button{width:100%;padding:12px;margin-top:12px;border:0;font-size:8px;letter-spacing:.18em}.statement{padding:180px 8vw;background:#e9e9e4;color:#080808}.statement h2 i{color:transparent;-webkit-text-stroke:1px #080808}.statement>p{max-width:650px;margin:70px 0 0 35%;font-size:20px;line-height:1.5}.visual{height:90vh;padding:10vw 8vw;display:flex;align-items:end;background:radial-gradient(ellipse,#666,#181817 50%,#080808)}.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;margin-top:50px}.gallery div{height:360px;background:linear-gradient(140deg,#777,#111)}.gallery div:nth-child(2){background:linear-gradient(30deg,#090909,#555)}.gallery div:nth-child(3){background:linear-gradient(170deg,#555,#111)}.about{display:grid;grid-template-columns:.3fr 1fr;gap:50px;background:#111}.about h2{font-size:clamp(40px,6vw,85px)}.about h2 i{font-size:.55em}.about p{max-width:550px;color:#999;line-height:1.7;margin-top:50px}.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.contact>div:last-child{align-self:end}.contact a{display:block;border-bottom:1px solid #282828;padding:20px 0;font-size:24px}.contact p{font-size:8px;letter-spacing:.2em;color:#666}footer{border-top:1px solid #222;padding:25px 4vw;font-size:8px;letter-spacing:.18em;color:#666}@media(max-width:800px){nav,header b{display:none}.hero,.section,.about,.contact{padding-left:7vw;padding-right:7vw}.hero h1,.section h2,.statement h2,.visual h2,.contact h2{font-size:20vw}.grid{grid-template-columns:1fr}.art{height:380px}.statement>p{margin:50px 0;font-size:17px}.gallery{grid-template-columns:1fr}.about,.contact{grid-template-columns:1fr}.about h2{font-size:13vw}}
html,body{width:100%;min-width:100%;overflow-x:hidden}
.intro{width:100vw;height:100svh;min-height:100svh;overflow:hidden;inset:0}
.intro video{display:block;width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;object-position:center}
.cinematic-wash{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .45s}
.cinematic-line{position:absolute;left:0;right:0;top:50%;height:1px;background:#fff;transform:scaleX(0);opacity:0;pointer-events:none}
.intro-fade{position:absolute;inset:0;background:#070707;opacity:0;pointer-events:none;transition:opacity 1.25s cubic-bezier(.22,.61,.36,1)}
.intro.cinematic-exit .cinematic-wash{opacity:.22}
.intro.cinematic-exit .cinematic-line{animation:cineline 1s ease forwards}
.intro.cinematic-exit .intro-fade{opacity:1}
@keyframes cineline{0%{transform:scaleX(0);opacity:0}35%{opacity:.9}100%{transform:scaleX(1);opacity:0}}
.coming{margin:0 0 55px;padding:26px 0;border-top:1px solid #292929;border-bottom:1px solid #292929;display:flex;align-items:center;justify-content:space-between;gap:20px}
.coming span{font-size:clamp(25px,4vw,55px);font-weight:700;letter-spacing:-.06em}
.coming small{opacity:.45}
@media(max-width:800px){.intro{height:100dvh;min-height:100dvh}.coming{display:block}.coming small{display:block;margin-top:9px}}

/* KÙLTUR FINAL REFINEMENT */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600&family=Montserrat:wght@400;500;600&display=swap');

html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}
*{max-width:100%}
body{font-family:Montserrat,Arial,sans-serif;background:#090909;color:#f3f1ec}
.intro{position:fixed;inset:0;width:100vw;height:100dvh;min-height:100dvh;margin:0;padding:0;overflow:hidden}
.intro video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
header{width:100%;height:76px;padding:0 clamp(20px,4vw,60px);box-sizing:border-box}
header .brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
header .brand strong{font-family:'Bodoni Moda',Georgia,serif;font-size:22px;font-weight:500;letter-spacing:.015em}
header .brand strong span{font-family:Arial,sans-serif;font-size:7px;vertical-align:top;margin-left:3px}
header .brand small{font-family:Montserrat,Arial,sans-serif;font-size:6px;letter-spacing:.42em;margin-top:5px;opacity:.68}
nav a,header b,small,.hero p,.hero a,.visual a{font-family:Montserrat,Arial,sans-serif}
.hero h1,.section h2,.statement h2,.visual h2,.about h2,.contact h2{
  font-family:'Bodoni Moda',Georgia,'Times New Roman',serif;
  font-weight:500;
  letter-spacing:-.045em;
  line-height:.88;
}
.hero h1 i,.section h2 i,.statement h2 i,.visual h2 i,.about h2 i,.contact h2 i{
  font-family:'Bodoni Moda',Georgia,serif;
  font-weight:400;
  -webkit-text-stroke:.7px #f4f2ed;
}
.hero{width:100vw;min-height:100dvh;height:100dvh;padding:0 clamp(24px,8vw,120px) clamp(55px,9vh,100px);box-sizing:border-box}
.section,.about,.contact,.statement{width:100%;box-sizing:border-box;padding-left:clamp(24px,8vw,120px);padding-right:clamp(24px,8vw,120px)}
.section{padding-top:clamp(90px,12vh,150px);padding-bottom:clamp(90px,12vh,150px)}
.section h2{font-size:clamp(58px,9vw,125px);margin-top:22px;margin-bottom:45px}
.statement,.visual,.about,.contact{display:none!important}

/* Clean Coming Soon / Newsletter */
.shop{min-height:70vh;display:flex;flex-direction:column;justify-content:center}
.coming{
  margin:0 0 24px;padding:0 0 25px;border:0;border-bottom:1px solid #30302e;
  display:flex;align-items:end;justify-content:space-between;gap:20px
}
.coming span{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(40px,6vw,82px);font-weight:500;letter-spacing:-.045em}
.coming small{font-size:7px;letter-spacing:.22em;opacity:.45}
.newsletter{max-width:720px;padding-top:8px}
.newsletter p{font-family:Montserrat,Arial,sans-serif;font-size:12px;color:#aaa;line-height:1.6;margin:0 0 22px}
.newsletter form{display:flex;border-bottom:1px solid #777}
.newsletter input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#f4f2ed;padding:16px 0;font:500 9px Montserrat,Arial,sans-serif;letter-spacing:.15em}
.newsletter input::placeholder{color:#777}
.newsletter button{background:none;border:0;color:#f4f2ed;padding:16px 0 16px 18px;font:600 8px Montserrat,Arial,sans-serif;letter-spacing:.18em;white-space:nowrap}
#submsg{display:block;margin-top:14px;color:#aaa;font-size:8px;letter-spacing:.15em;min-height:12px}

footer{
  border-top:1px solid #252525;padding:28px clamp(24px,4vw,60px);
  text-align:center;font-family:'Bodoni Moda',Georgia,serif;font-size:12px;
  letter-spacing:.12em;color:#d6d2ca
}

@media(max-width:800px){
  header{height:68px}
  header .brand strong{font-size:20px}
  nav{display:none!important}
  .hero{padding-left:7vw;padding-right:7vw}
  .hero h1{font-size:20vw}
  .shop{min-height:68vh}
  .coming{display:block}
  .coming small{display:block;margin-top:10px}
  .newsletter form{display:block;border-bottom:0}
  .newsletter input{display:block;width:100%;border-bottom:1px solid #555}
  .newsletter button{display:block;padding-left:0}
}

.countdown-wrap{margin-top:55px;padding-top:30px;border-top:1px solid #292929;max-width:720px}
.countdown-label{display:block;margin-bottom:20px;font-size:7px;letter-spacing:.25em;opacity:.5}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.countdown div{border-left:1px solid #292929;padding-left:16px}
.countdown strong{display:block;font-family:'Bodoni Moda',Georgia,serif;font-weight:500;font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:-.04em}
.countdown span{display:block;margin-top:8px;font:600 7px Montserrat,Arial,sans-serif;letter-spacing:.18em;color:#777}
@media(max-width:800px){
  .countdown{gap:8px}
  .countdown div{padding-left:9px}
  .countdown strong{font-size:10vw}
  .countdown span{font-size:6px;letter-spacing:.1em}
}