:root{--ink:#25211f;--paper:#f4f0eb;--rose:#d6a99a;--milk:#fffaf7;--line:#d8d0ca}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}
a{color:inherit;text-decoration:none}
header{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,240,235,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}
.logo{font:34px Italiana;letter-spacing:.18em}
.nav-links,.actions,.lang-switch{display:flex;align-items:center}
.nav-links{gap:35px;font-size:13px}
.actions{gap:14px}
.lang-switch{border:1px solid var(--line);padding:3px;border-radius:99px}
.lang-switch button{border:0;background:none;padding:5px 7px;border-radius:99px;font:600 10px DM Sans;cursor:pointer}
.lang-switch button.active{background:var(--ink);color:white}
.book,.primary{background:var(--ink);color:white;padding:13px 20px;font-size:12px}
.menu-button{display:none;border:0;background:none;font-size:22px}
.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:46% 54%}
.hero-copy{padding:8vh 6vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.demo{font-size:9px;letter-spacing:.25em;margin-bottom:12vh}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#9b6b5c}
.hero h1,.section-title h2,.about h2,.contact h2{font:400 clamp(58px,7vw,110px)/.92 Italiana;margin:24px 0;letter-spacing:-.03em}
.lead{max-width:530px;line-height:1.75;color:#675f5b}
.primary{margin-top:25px;padding:16px 24px}
.hero-image{position:relative;margin:25px 25px 25px 0;overflow:hidden}
.hero-image img{width:100%;height:100%;object-fit:cover;filter:sepia(.1)}
.round-note{position:absolute;right:28px;bottom:28px;width:145px;height:145px;background:var(--milk);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.round-note b{font:40px Italiana}
.round-note span{font-size:10px}
.marquee{overflow:hidden;background:var(--rose);padding:17px 0}
.marquee div{width:max-content;font:26px Italiana;letter-spacing:.08em;animation:move 25s linear infinite}
@keyframes move{to{transform:translateX(-50%)}
}
.services{padding:130px 6vw}
.section-title{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:75px}
.section-title h2{font-size:clamp(52px,6vw,90px);max-width:950px;margin:0}
.service-list{border-top:1px solid var(--line)}
.service-list article{display:grid;grid-template-columns:70px 1fr auto;gap:30px;align-items:center;padding:36px 0;border-bottom:1px solid var(--line)}
.service-list article>span{font:italic 24px Italiana;color:#a9897f}
.service-list h3{font:32px Italiana;margin:0 0 8px}
.service-list p{margin:0;color:#746b66}
.service-list article>b{font-size:13px}
.about{background:var(--milk);display:grid;grid-template-columns:1fr 1fr;gap:0}
.about-image{min-height:760px}
.about-image img{width:100%;height:100%;object-fit:cover}
.about-copy{padding:10vw 7vw}
.about-copy h2{font-size:clamp(50px,5.6vw,85px)}
.about-copy>p:not(.eyebrow){line-height:1.8;color:#716762}
.stats{display:flex;gap:45px;margin-top:70px;border-top:1px solid var(--line);padding-top:25px}
.stats div{display:flex;flex-direction:column}
.stats b{font:35px Italiana}
.stats span{font-size:11px;color:#827771}
.contact{padding:140px 6vw;text-align:center;background:#d8b0a4}
.contact h2{margin:20px auto 55px}
.contact form{max-width:820px;margin:auto;display:grid;grid-template-columns:1fr 1fr auto;background:rgba(255,255,255,.45)}
.contact input,.contact button{height:62px;border:0;border-right:1px solid rgba(0,0,0,.15);background:transparent;padding:0 20px;font:13px DM Sans}
.contact button{background:var(--ink);color:white;padding:0 30px}
.contact>p:last-child{font-size:12px;margin-top:30px}
footer{padding:45px 6vw;display:flex;justify-content:space-between;align-items:center;font-size:12px}
.menu-button{cursor:pointer}
@media(max-width:760px){header{height:70px}
.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:25px 5vw;flex-direction:column;align-items:flex-start}
.nav-links.open{display:flex}
.book{display:none}
.menu-button{display:block}
.hero{grid-template-columns:1fr}
.hero-copy{padding:70px 5vw}
.demo{margin-bottom:50px}
.hero-image{height:540px;margin:0}
.section-title{grid-template-columns:1fr;gap:20px}
.services{padding:90px 5vw}
.service-list article{grid-template-columns:45px 1fr}
.service-list article>b{grid-column:2}
.about{grid-template-columns:1fr}
.about-image{min-height:520px}
.about-copy{padding:90px 5vw}
.stats{gap:20px;flex-wrap:wrap}
.contact{padding:90px 5vw}
.contact form{grid-template-columns:1fr}
.contact input{border-bottom:1px solid rgba(0,0,0,.15)}
footer{padding:35px 5vw}
}

.team-section{padding:140px 6vw;background:#2a2624;color:#f8f2ed;display:grid;grid-template-columns:.72fr 1.6fr;gap:7vw}
.team-intro{position:sticky;top:130px;align-self:start}
.team-intro h2,.rituals h2{font:400 clamp(48px,5.8vw,86px)/.96 Italiana;margin:22px 0}
.team-intro>p:last-child{line-height:1.8;color:#bdb4ae}
.team-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:18px;align-items:end}
.team-grid article{position:relative}
.team-main img{height:760px}.team-side img{height:560px}
.team-grid img{width:100%;object-fit:cover;filter:saturate(.7)}
.team-grid article>div{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,250,247,.9);color:#292422;padding:17px}
.team-grid h3{font:28px Italiana;margin:0}.team-grid p{font-size:10px;margin:6px 0 0}
.lookbook{padding:140px 0 140px 6vw;overflow:hidden}
.lookbook-title{display:flex;gap:9vw;align-items:start;margin-bottom:65px}
.lookbook-title h2{font:400 clamp(70px,11vw,170px)/.72 Italiana;margin:0;letter-spacing:-.04em}
.lookbook-strip{display:grid;grid-template-columns:42vw 27vw 35vw;gap:16px;width:max-content}
.lookbook-strip figure{margin:0}.lookbook-strip img{width:100%;height:610px;object-fit:cover}.lookbook-strip figure:nth-child(2) img{height:470px;margin-top:140px}.lookbook-strip figcaption{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:12px}
.rituals{padding:140px 6vw;background:#c9b59d;display:grid;grid-template-columns:1.05fr 1fr;gap:8vw}
.ritual-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.ritual-cards article{min-height:420px;background:var(--milk);padding:30px;display:flex;flex-direction:column}
.ritual-cards .featured-ritual{min-height:500px;background:#2a2624;color:#fff}
.ritual-cards>article>span{font-size:9px;letter-spacing:.18em}.ritual-cards b{font:48px Italiana;margin:70px 0 20px}.ritual-cards p{line-height:1.6;color:#716762}.featured-ritual p{color:#beb4ae}.ritual-cards a{margin-top:auto;border-bottom:1px solid;width:max-content;font-size:12px}
.voices{padding:130px 6vw;background:var(--milk)}
.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:55px}
.voice-grid blockquote{font:italic clamp(32px,3.3vw,50px)/1.22 Italiana;margin:0}.voice-grid article p{font-size:11px;margin-top:30px;color:#8a766e}
@media(max-width:760px){.team-section{padding:90px 5vw;grid-template-columns:1fr}.team-intro{position:static}.team-grid{grid-template-columns:1fr}.team-main img,.team-side img{height:560px}.lookbook{padding:90px 5vw}.lookbook-strip{grid-template-columns:80vw 70vw 80vw}.lookbook-strip img,.lookbook-strip figure:nth-child(2) img{height:500px;margin-top:0}.rituals{padding:90px 5vw;grid-template-columns:1fr}.ritual-cards{grid-template-columns:1fr}.voices{padding:90px 5vw}.voice-grid{grid-template-columns:1fr}}

/* Interface v3: fashion-magazine cover with an off-canvas menu */
.sola-cover-nav{position:absolute;top:0;left:0;right:0;z-index:40;background:transparent;border:0;color:var(--ink);height:105px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr}.sola-cover-nav>.logo{font-size:43px}.sola-cover-nav>.menu-button{display:block;justify-self:start;font:600 10px DM Sans;letter-spacing:.16em}.sola-cover-nav>.lang-switch{justify-self:end}.sola-cover-nav .nav-links{display:none;position:fixed;z-index:50;left:0;top:0;bottom:0;width:min(520px,100%);background:#2a2624;color:#fff;padding:12vh 6vw;flex-direction:column;align-items:flex-start;gap:28px}.sola-cover-nav .nav-links.open{display:flex}.sola-cover-nav .nav-links a{font:58px Italiana}.menu-caption{font-size:9px;letter-spacing:.18em;color:#bcaea7;margin-bottom:35px}.floating-book{position:fixed;z-index:35;right:28px;bottom:28px;width:145px;height:145px;border-radius:50%;background:#2a2624;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;box-shadow:0 18px 50px rgba(0,0,0,.2)}.floating-book span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.floating-book b{font-size:24px}.hero{min-height:100vh;padding:105px 3vw 3vw;grid-template-columns:42% 58%;position:relative}.hero-copy{padding:5vh 3vw 4vh 2vw;position:relative}.hero-image{margin:0;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.hero .issue{position:absolute;right:2vw;top:5vh;font-size:8px;letter-spacing:.16em;writing-mode:vertical-rl}.hero h1{font-size:clamp(75px,8.4vw,135px);margin-left:5vw;width:115%;position:relative;z-index:2}.hero .lead{margin-left:5vw}.hero .primary{margin-left:5vw;background:transparent;color:var(--ink);border-bottom:1px solid;padding:10px 0}.round-note{left:35px;right:auto;background:var(--rose)}
@media(max-width:760px){.sola-cover-nav{height:78px;padding:0 5vw}.sola-cover-nav>.logo{font-size:34px}.sola-cover-nav .nav-links{top:0;padding-top:100px}.sola-cover-nav .nav-links a{font-size:46px}.floating-book{width:105px;height:105px;right:15px;bottom:15px}.hero{padding:78px 0 0;grid-template-columns:1fr}.hero-copy{padding:70px 5vw}.hero h1,.hero .lead,.hero .primary{margin-left:0;width:auto}.hero-image{clip-path:none;height:560px}.hero .issue{display:none}}