:root{--black:#0d0d0c;--ivory:#f1eee8;--paper:#e8e2d9;--bronze:#c99872;--ink:#171614;--serif:'Cormorant Garamond',serif;--sans:'Montserrat',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111;color:var(--ink);font-family:var(--sans);font-weight:300}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}.header{height:92px;position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(100%,1440px);padding:0 5.5%;display:flex;align-items:center;color:#fff}.mini-logo{display:flex;align-items:center;gap:12px;width:165px}.mini-logo svg,.footer-brand svg{width:30px;height:40px;fill:none;stroke:var(--bronze);stroke-width:2}.mini-logo span,.footer-brand span{font-family:var(--serif);font-size:16px;letter-spacing:.22em}.mini-logo small,.footer-brand small{display:block;font-family:var(--sans);font-size:5px;letter-spacing:.65em;text-align:center;margin-top:3px}.header nav{margin:auto;display:flex;gap:35px}.header nav a{font-size:8px;text-transform:uppercase;letter-spacing:.18em}.header-cta{font-size:8px;text-transform:uppercase;letter-spacing:.13em;border:1px solid rgba(255,255,255,.6);padding:13px 17px}.menu{display:none;background:none;border:0;color:#fff}.hero{width:min(100%,1440px);height:100vh;min-height:720px;margin:auto;position:relative;color:#fff;overflow:hidden;background:#15120f}.hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=90');background-size:cover;background-position:center 55%;filter:saturate(.55) brightness(.63)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.82),transparent 33%,transparent 72%,rgba(8,7,6,.7)),linear-gradient(0deg,rgba(8,7,6,.62),transparent 43%)}.portal-frame{position:absolute;left:50%;top:7%;transform:translateX(-50%);width:36%;height:89%;border:1px solid rgba(222,183,148,.48);border-bottom:0;border-radius:48% 48% 0 0/26% 26% 0 0;box-shadow:inset 0 0 55px rgba(0,0,0,.3)}.portal-frame i{position:absolute;inset:14px;border:1px solid rgba(222,183,148,.22);border-bottom:0;border-radius:48% 48% 0 0/26% 26% 0 0}.portal-frame i:nth-child(2){inset:29px}.portal-frame i:nth-child(3){inset:44px}.hero-copy{position:absolute;z-index:2;left:50%;top:49%;transform:translate(-50%,-50%);width:550px;text-align:center;text-shadow:0 2px 18px #000}.hero h1{font-size:66px;line-height:.88;margin:0 0 24px}.hero-copy p{font-size:9px;line-height:1.75;letter-spacing:.08em}.hero-copy>a{display:inline-block;margin-top:20px;font-size:7px;text-transform:uppercase;letter-spacing:.25em;border-bottom:1px solid #fff;padding-bottom:7px}.scroll{position:absolute;z-index:2;left:50%;bottom:23px;transform:translateX(-50%);font-size:6px;text-transform:uppercase;letter-spacing:.22em}.scroll i{display:block;width:1px;height:18px;background:#fff;margin:7px auto 0}.kicker{font-size:8px;text-transform:uppercase;letter-spacing:.2em}.intro{width:min(100%,1440px);margin:auto;background:var(--ivory);display:grid;grid-template-columns:46% 54%;min-height:490px}.intro-copy{padding:75px 8vw}.intro h2,.brand-copy h2,.project-intro h2{font-size:43px;line-height:.95;margin:15px 0 22px}.intro-copy p,.brand-copy p,.project-intro p{font-size:10px;line-height:1.75;max-width:420px;color:#55504b}.line-link{display:inline-flex;gap:50px;margin-top:18px;padding-bottom:6px;border-bottom:1px solid #777;font-size:7px;text-transform:uppercase;letter-spacing:.2em}.line-link b{font-size:11px}.material-shot{min-height:490px;background:url('https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=1300&q=90') center/cover;position:relative}.material-shot span{position:absolute;right:22px;bottom:18px;color:#fff;font-size:6px;text-transform:uppercase;letter-spacing:.2em}.journey{width:min(100%,1440px);margin:auto;background:var(--black);color:#fff;padding:45px 8vw 55px}.journey-title{text-align:center}.journey-title span{font-family:var(--serif);font-size:18px}.journey-title h2{font-family:var(--sans);font-size:8px;text-transform:uppercase;letter-spacing:.18em;margin:8px 0 35px}.journey ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.journey li{position:relative;padding:0 38px;border-right:1px solid #363330}.journey li:last-child{border:0}.journey b{font-family:var(--serif);font-weight:400;font-size:27px}.journey h3{font-family:var(--sans);text-transform:uppercase;font-size:8px;letter-spacing:.18em;margin:9px 0}.journey p{font-size:7px;line-height:1.65;color:#aaa}.spaces{width:min(100%,1440px);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);height:410px}.space{position:relative;padding:35px 28px;color:#fff;background-position:center;background-size:cover;overflow:hidden}.space:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.08) 70%);transition:.5s}.space>*{position:relative}.space span{font-family:var(--serif);text-transform:uppercase;font-size:18px}.space p{font-family:var(--serif);font-size:15px;line-height:1.25;position:absolute;left:28px;bottom:30px}.space i{position:absolute;right:23px;bottom:28px;font-style:normal}.space:hover:before{background:rgba(0,0,0,.38)}.kitchen{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=900&q=88')}.living{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=900&q=88')}.bedroom{background-image:url('https://images.unsplash.com/photo-1600210491369-e753d80a41f3?auto=format&fit=crop&w=900&q=88')}.details{background-image:url('https://images.unsplash.com/photo-1618220179428-22790b461013?auto=format&fit=crop&w=900&q=88')}.brands{width:min(100%,1440px);margin:auto;background:var(--ivory);display:grid;grid-template-columns:42% 58%;position:relative;padding-bottom:72px}.brand-still{height:420px;background:url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=1100&q=90') center/cover}.brand-copy{padding:60px 7vw}.brand-copy h2{font-size:36px}.featured-brand{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;border-top:1px solid #bdb7ad;padding-top:20px;margin-top:30px}.featured-brand h3{font-size:30px}.brand-row{position:absolute;left:42%;right:0;bottom:0;height:72px;border-top:1px solid #d2cbc2;display:flex;justify-content:space-around;align-items:center;font-family:var(--serif);font-size:14px;color:#6c665f}.projects{width:min(100%,1440px);margin:auto;background:var(--ivory);padding:55px 5.5%;display:grid;grid-template-columns:1fr repeat(3,1.25fr);gap:18px}.project-intro{padding-right:35px}.project-intro h2{font-size:34px}.project div{height:220px;background-size:cover;background-position:center}.project h3{font-size:14px;margin:10px 0 0}.project p{font-size:6px;text-transform:uppercase;letter-spacing:.13em}.p1 div{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=800&q=85')}.p2 div{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=800&q=85')}.p3 div{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=800&q=85')}.contact{width:min(100%,1440px);margin:auto;min-height:330px;background:#0d0d0c;color:#fff;padding:60px 8vw;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.contact:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0c 35%,rgba(13,13,12,.55)),url('https://images.unsplash.com/photo-1615874694520-474822394e73?auto=format&fit=crop&w=1800&q=80') center/cover;opacity:.55}.contact>*{position:relative}.contact-copy>span{font-size:7px;letter-spacing:.2em;text-transform:uppercase}.contact h2{font-size:40px;line-height:.95;margin:14px 0}.contact p{font-size:8px}.contact-copy>a{display:inline-block;border:1px solid #fff;padding:12px 18px;margin-top:13px;font-size:7px;text-transform:uppercase;letter-spacing:.17em}.contact-logo{text-align:center;color:var(--bronze);margin-right:7vw}.contact-logo svg{width:68px;height:82px;fill:none;stroke:var(--bronze);stroke-width:1.8}.contact-logo strong{display:block;font-family:var(--serif);font-weight:400;letter-spacing:.25em;font-size:23px}.contact-logo small{display:block;font-size:7px;letter-spacing:.55em;margin-top:5px}footer{width:min(100%,1440px);height:105px;margin:auto;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:#0a0a09;color:#aaa;font-size:6px;text-transform:uppercase;letter-spacing:.12em}.footer-brand{display:flex;align-items:center;gap:9px;color:#fff}.footer-brand svg{width:25px;height:34px;fill:none}.reveal{opacity:0;transform:translateY(18px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.header{height:74px;padding:0 20px}.header nav{position:fixed;inset:0;background:#0d0d0c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;visibility:hidden;transition:.35s}.header nav.open{opacity:1;visibility:visible}.header nav a{font-family:var(--serif);font-size:28px;text-transform:none}.header-cta{display:none}.menu{display:block;position:relative;z-index:2;margin-left:auto}.mini-logo{position:relative;z-index:2}.hero{min-height:700px}.portal-frame{width:78%;height:83%;top:12%}.hero-copy{width:90%;top:52%}.hero h1{font-size:49px}.intro{grid-template-columns:1fr}.intro-copy{padding:70px 28px}.material-shot{min-height:360px}.journey{padding:55px 28px}.journey ol{grid-template-columns:1fr 1fr;gap:30px 0}.journey li{padding:0 22px 20px}.journey li:nth-child(2){border:0}.spaces{grid-template-columns:1fr 1fr;height:auto}.space{height:370px}.brands{grid-template-columns:1fr;padding-bottom:0}.brand-still{height:350px}.brand-copy{padding:60px 28px}.brand-row{position:static;grid-column:1;flex-wrap:wrap;gap:20px;padding:18px;height:auto}.projects{grid-template-columns:1fr;padding:60px 28px}.project div{height:300px}.contact{padding:70px 28px;display:block}.contact-logo{margin:60px 0 0}footer{padding:0 20px}.footer-brand{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.mini-logo{display:block;width:108px;height:82px;overflow:visible;position:relative}.mini-logo img{display:block;width:108px;height:82px;object-fit:contain}.contact-logo{width:225px;height:auto;overflow:visible;margin-right:5vw}.contact-logo img{display:block;width:225px;height:auto}
@media(max-width:800px){.mini-logo,.mini-logo img{width:92px;height:70px}}
.hero{height:min(100vh,760px);min-height:650px}.hero-bg{background-image:url('assets/oniria-hero-vase-shadow-v16.png');background-position:center;background-size:cover;filter:none}.hero-vignette{background:linear-gradient(0deg,rgba(5,5,4,.42),transparent 43%),linear-gradient(90deg,rgba(5,5,4,.22),transparent 30%,transparent 72%,rgba(5,5,4,.2))}.portal-frame{display:none}.hero-copy{left:auto;right:2.75%;top:57%;transform:translateY(-50%);width:min(30vw,360px);text-align:left;text-shadow:0 2px 24px rgba(0,0,0,.9)}.hero h1{font-size:clamp(42px,3.75vw,54px);line-height:.92}
@media(max-width:1100px) and (min-width:801px){.hero-copy{right:2%;width:29vw}.hero h1{font-size:clamp(36px,4vw,44px)}}
@media(max-width:800px){.hero{height:760px}.hero-bg{background-position:center}.hero-copy{left:50%;right:auto;top:57%;transform:translate(-50%,-50%);width:90%;text-align:center}.hero h1{font-size:49px}}
.footer-brand{width:82px;height:82px;overflow:visible}.footer-brand img{display:block;width:82px;height:82px;object-fit:contain}
.matter{width:min(100%,1440px);margin:auto;background:var(--ivory);padding:70px 5.5%;display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:18px}.matter-heading{padding-right:35px}.matter-heading h2,.vision-copy h2{font-size:36px;line-height:.98;margin:16px 0 22px}.matter-heading>p,.vision-copy>p{font-size:9px;line-height:1.75;color:#59534d;max-width:390px}.matter-card{height:370px;background-size:cover;background-position:center;position:relative;color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.matter-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 70%)}.matter-card>*{position:relative}.matter-card>span{font-size:7px;letter-spacing:.18em}.matter-card h3{font-size:28px;margin:0}.matter-card p{font-family:var(--serif);font-size:14px;margin:4px 0}.stone{background-image:url('https://images.unsplash.com/photo-1599696848652-f0ff23bc911f?auto=format&fit=crop&w=800&q=88')}.wood{background-image:url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=800&q=88')}.textile{background-image:url('https://images.unsplash.com/photo-1586023492125-27b2c045efd7?auto=format&fit=crop&w=800&q=88')}.project-vision{width:min(100%,1440px);margin:auto;background:#d9d0c3;padding:70px 8vw;display:grid;grid-template-columns:1fr 1.6fr;gap:8vw;align-items:center}.vision-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr}.vision-steps li{min-height:160px;padding:22px;border-top:1px solid rgba(23,22,20,.28)}.vision-steps li:nth-child(odd){border-right:1px solid rgba(23,22,20,.28)}.vision-steps b{font-family:var(--serif);font-size:22px;font-weight:400}.vision-steps h3{font-family:var(--sans);font-size:8px;letter-spacing:.18em;text-transform:uppercase;margin:18px 0 8px}.vision-steps p{font-size:8px;line-height:1.65;max-width:210px;color:#5d574f}
@media(max-width:800px){.matter{grid-template-columns:1fr;padding:60px 28px}.matter-heading{padding:0 0 25px}.matter-card{height:440px}.project-vision{grid-template-columns:1fr;padding:65px 28px}.vision-steps{margin-top:25px}}
.material-shot{background-image:url('assets/about-warm-light-v2.png');background-position:center;background-size:cover}.bedroom{background-image:url('assets/bedroom-v2.png')}.stone{background-image:url('assets/material-stone-v2.png')}.wood{background-image:url('assets/material-wood-v2.png')}.textile{background-image:url('assets/material-textile-v2.png')}
.material-shot{background-image:url('assets/about-neutral-light-v3.png')}.bedroom{background-image:url('assets/bedroom-neutral-light-v3.png')}

/* Mobile layout: preserve the editorial rhythm without compressing content. */
@media(max-width:800px){
  html,body{width:100%;overflow-x:hidden}
  body.menu-open{overflow:hidden}

  .header{left:0;transform:none;width:100%;height:82px;padding:0 22px}
  .mini-logo,.mini-logo img{width:82px;height:68px}
  .menu{font-family:var(--sans);font-size:11px;letter-spacing:.05em;padding:12px 0}
  .header nav{inset:0;width:100vw;height:100dvh;z-index:1}
  .header nav a{font-size:31px;line-height:1.05}

  .hero{height:100svh;min-height:680px;max-height:860px}
  .hero-bg{background-position:49% center}
  .hero-vignette{background:linear-gradient(0deg,rgba(5,5,4,.58),transparent 58%),linear-gradient(90deg,rgba(5,5,4,.18),transparent 48%,rgba(5,5,4,.22))}
  .hero-copy{left:50%;right:auto;top:auto;bottom:88px;width:calc(100% - 48px);text-align:center}
  .hero-copy.reveal{transform:translate(-50%,18px)}
  .hero-copy.reveal.visible{transform:translate(-50%,0)}
  .hero h1{font-size:clamp(42px,13vw,54px);line-height:.9;margin-bottom:20px}
  .hero-copy p{font-size:10px;line-height:1.65;letter-spacing:.04em}
  .hero-copy p br{display:none}
  .hero-copy>a{font-size:8px;margin-top:14px}
  .scroll{bottom:20px;font-size:7px}

  .kicker{font-size:9px}
  .intro-copy{padding:64px 26px 58px}
  .intro h2,.brand-copy h2{font-size:clamp(38px,11vw,47px);line-height:.94}
  .intro-copy p,.brand-copy p{font-size:13px;line-height:1.75}
  .line-link{font-size:8px;margin-top:22px}
  .material-shot{min-height:330px}

  .journey{padding:58px 26px}
  .journey-title span{font-size:23px}
  .journey-title h2{font-size:9px;line-height:1.5;margin-bottom:38px}
  .journey ol{grid-template-columns:1fr;gap:0}
  .journey li,.journey li:nth-child(2){border-right:0;border-bottom:1px solid #363330;padding:22px 0 25px}
  .journey li:last-child{border-bottom:0}
  .journey b{font-size:30px}
  .journey h3{font-size:10px}
  .journey p{font-size:10px;line-height:1.65;max-width:290px}

  .spaces{grid-template-columns:1fr}
  .space{height:68vh;min-height:430px;padding:28px 24px}
  .space span{font-size:23px}
  .space p{left:24px;bottom:28px;font-size:19px}

  .brand-still{height:430px}
  .brand-copy{padding:58px 26px}
  .featured-brand{grid-template-columns:1fr;gap:6px}
  .featured-brand h3{font-size:34px;margin-bottom:8px}
  .brand-row{display:grid;grid-template-columns:1fr 1fr;font-size:16px;justify-items:center;padding:28px 20px}

  .matter{padding:60px 26px;gap:14px}
  .matter-heading h2,.vision-copy h2{font-size:clamp(37px,10.5vw,45px)}
  .matter-heading>p,.vision-copy>p{font-size:12px;line-height:1.7}
  .matter-card{height:60vh;min-height:410px}
  .matter-card h3{font-size:34px}
  .matter-card p{font-size:17px}

  .project-vision{padding:62px 26px;gap:24px}
  .vision-steps{grid-template-columns:1fr}
  .vision-steps li,.vision-steps li:nth-child(odd){min-height:0;border-right:0;padding:24px 0}
  .vision-steps h3{font-size:10px}
  .vision-steps p{font-size:10px;max-width:280px}

  .contact{min-height:620px;padding:68px 26px;text-align:center}
  .contact:before{background:linear-gradient(0deg,#0d0d0c 12%,rgba(13,13,12,.48)),url('https://images.unsplash.com/photo-1615874694520-474822394e73?auto=format&fit=crop&w=1000&q=80') center/cover}
  .contact-copy>span{font-size:8px}
  .contact h2{font-size:clamp(40px,12vw,50px)}
  .contact p{font-size:11px}
  .contact-copy>a{font-size:8px;padding:14px 18px}
  .contact-logo{width:180px;margin:55px auto 0}
  .contact-logo img{width:180px}

  footer{height:auto;min-height:100px;padding:25px 22px;gap:16px;align-items:flex-start;flex-direction:column;font-size:7px;line-height:1.6}
  footer p{margin:0}
}

/* Contact information */
.contact{gap:7vw}
.contact-copy{flex:1 1 45%;max-width:520px}
.contact-copy>p{max-width:430px;line-height:1.75}
.contact-details{flex:1 1 45%;display:grid;grid-template-columns:1fr 1fr;gap:30px 42px;max-width:560px}
.contact-detail{padding-top:17px;border-top:1px solid rgba(255,255,255,.28)}
.contact-detail>span{display:block;margin-bottom:12px;font-size:7px;letter-spacing:.2em;text-transform:uppercase;color:#c99872}
.contact-detail p{font-family:var(--serif);font-size:18px;line-height:1.45;color:#f1eee8;margin-bottom:12px}
.contact-detail>a{display:inline-block;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.42);font-size:7px;letter-spacing:.14em;text-transform:uppercase}
.contact-hours{grid-column:1/-1}

@media(max-width:800px){
  .contact{display:flex;flex-direction:column;gap:58px;text-align:left}
  .contact-copy{max-width:none;text-align:center}
  .contact-copy>p{margin-left:auto;margin-right:auto}
  .contact-details{width:100%;max-width:none;grid-template-columns:1fr;gap:30px}
  .contact-hours{grid-column:auto}
  .contact-detail p{font-size:20px}
  .contact-detail>span,.contact-detail>a{font-size:8px}
}

@media(max-width:380px){
  .hero-copy{width:calc(100% - 36px)}
  .hero h1{font-size:42px}
  .intro-copy,.journey,.brand-copy,.matter,.project-vision,.contact{padding-left:22px;padding-right:22px}
}

.contact-copy>.contact-email{display:block;width:max-content;border:0;border-bottom:1px solid rgba(255,255,255,.48);padding:0 0 5px;margin-top:18px;font-family:var(--serif);font-size:17px;text-transform:none;letter-spacing:.03em}
.contact-copy>.contact-button{display:inline-block;border:1px solid #fff;padding:12px 18px;margin-top:20px;font-family:var(--sans);font-size:7px;text-transform:uppercase;letter-spacing:.17em}
.footer-email{color:#d2c9bf;text-transform:none;letter-spacing:.08em}

@media(max-width:800px){
  .contact-copy>.contact-email{width:max-content;margin:20px auto 0;font-size:19px}
  .contact-copy>.contact-button{font-size:8px;padding:14px 18px}
  .footer-email{font-size:8px}
}