:root{--paper:#f1ede5;--ink:#362c26;--muted:#756b61;--sand:#e7dfd2;--line:rgba(54,44,38,.23);--gutter:clamp(24px,5vw,88px);--serif:'Bodoni Moda',Didot,'Times New Roman',serif;--sans:Inter,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body,h1,h2,h3,p,figure,blockquote{margin:0}html{scroll-behavior:auto;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);font:14px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}img{width:100%;height:100%;object-fit:cover;display:block}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.06;letter-spacing:-.055em}i{font-weight:400}button,a,summary{-webkit-tap-highlight-color:transparent}::selection{background:#b6a185;color:var(--paper)}:focus-visible{outline:2px solid #ab724e;outline-offset:6px}.skip{position:fixed;top:10px;left:20px;z-index:999;background:var(--paper);padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.eyebrow,.section-label{font-size:10px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase}.section-pad{padding:90px var(--gutter)}.section-label{display:flex;justify-content:space-between;align-items:center;gap:20px}.asterisk{font-size:43px;line-height:1;font-weight:400}.circle{border:1px solid currentColor;border-radius:50%;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;transition:background .35s,color .35s,transform .5s var(--ease)}a:hover .circle{background:var(--ink);color:var(--paper);transform:rotate(30deg)}.text-link{display:inline-flex;gap:40px;justify-content:space-between;border-bottom:1px solid currentColor;padding:14px 0;font-size:11px}.text-link span{font-size:19px;line-height:1}.text-link:hover span{transform:translate(3px,-3px)}
.intro-screen{position:fixed;inset:0;z-index:200;background:var(--ink);color:var(--paper);display:none;align-items:center;justify-content:center;text-align:center;font:70px var(--serif)}.intro-small{display:block;font:9px var(--sans);letter-spacing:.2em;text-transform:uppercase;margin-top:20px}.header{position:absolute;z-index:100;top:0;left:0;width:100%;padding:30px var(--gutter);display:flex;justify-content:space-between;align-items:center;color:#fffaf0;transition:background .4s,padding .4s,color .4s}.header.is-scrolled{position:fixed;padding-top:15px;padding-bottom:15px;background:rgba(241,237,229,.97);color:var(--ink);border-bottom:1px solid var(--line)}.brand{font:29px/1 var(--serif);letter-spacing:-.055em;white-space:nowrap}.brand span{font:7px/1 var(--sans);display:block;letter-spacing:.16em;margin-top:8px}.header nav{display:flex;align-items:center;gap:38px;font-size:11px}.header nav>a:not(.header-book){border-bottom:1px solid transparent}.header nav>a:hover{border-color:currentColor}.header-book{border:1px solid #ffffff65;border-radius:30px;padding:11px 22px;min-width:125px;display:flex;justify-content:space-between;gap:25px}.is-scrolled .header-book{border-color:var(--line)}.menu-toggle{display:none}.mobile-menu{display:none}
.hero{height:100svh;min-height:680px;position:relative;color:#fffaf0;overflow:hidden;background:#615241}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo img{position:absolute;inset:0}.hero-closed{opacity:0}.hero-shade{background:linear-gradient(180deg,rgba(24,24,17,.32),rgba(24,24,17,.09) 30%,rgba(24,24,17,.25) 62%,rgba(24,24,17,.5))}.hero-topline{position:absolute;left:var(--gutter);right:var(--gutter);top:150px;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.16em;border-top:1px solid #ffffff60;padding-top:17px}.hero-heading{position:absolute;top:45%;left:0;transform:translateY(-20%);width:100%;text-align:center}.hero-heading .eyebrow{font-size:9px;margin-bottom:25px;letter-spacing:.22em}.hero h1{font-size:clamp(60px,8.9vw,155px);line-height:.97;text-shadow:0 2px 30px #00000012}.hero h1>span{display:block}.hero h1 i{letter-spacing:-.06em}.hero-bottom{position:absolute;bottom:34px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between}.scroll-cue{display:flex;align-items:center;gap:15px;font-size:10px}.scroll-cue .circle{width:42px;height:42px}.light-control{display:flex;align-items:center;gap:25px;font-size:9px}.light-control>span{opacity:.7}.light-control button{display:flex;align-items:center;gap:10px;font-size:10px;padding:12px 0}.toggle-track{display:inline-block;width:37px;height:21px;border:1px solid #ffffff80;border-radius:20px;padding:3px}.toggle-track:after{content:'';display:block;width:13px;height:13px;border-radius:50%;background:var(--paper);transition:transform .5s var(--ease)}[aria-pressed=true] .toggle-track:after{transform:translateX(14px)}.light-close{opacity:.55}[aria-pressed=true] .light-close{opacity:1}[aria-pressed=true] .light-open{opacity:.55}.hero-location{font-size:8px;letter-spacing:.12em;text-align:right;line-height:1.7}
.studio{padding-top:55px;padding-bottom:120px}.statement{font-size:clamp(46px,6.1vw,100px);max-width:1100px;margin:85px auto 70px;text-align:center;line-height:1.12}.statement i{color:#94816b}.studio-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:830px;margin:0 auto}.studio-bottom>.eyebrow{padding-top:6px}.studio-bottom>div{max-width:440px}.studio-bottom p+p{margin-top:18px}.studio-bottom .text-link{margin-top:15px}.collection{background:var(--sand);padding-top:50px}.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:55px 0}.collection-heading h2{font-size:clamp(52px,6.8vw,108px)}.collection-heading>p{font-size:12px;margin-bottom:12px;max-width:300px}.product-tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:35px}.product-tabs button{display:flex;align-items:center;gap:20px;text-align:left;padding:22px 8px;font-size:9px;position:relative;color:var(--muted)}.product-tabs button span{font-size:15px}.product-tabs button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.product-tabs button[aria-selected=true]{color:var(--ink)}.product-tabs button[aria-selected=true]:after,.product-tabs button:hover:after{transform:scaleX(1)}.product{display:grid;grid-template-columns:1.17fr 1fr;gap:8vw;align-items:stretch}.product[hidden]{display:none}.product figure{height:570px;position:relative;overflow:hidden}.image-note{position:absolute;bottom:22px;left:25px;color:white;font-size:8px;letter-spacing:.16em;text-shadow:0 1px 7px #000}.product-copy{padding:36px 0 0;display:flex;flex-direction:column;align-items:flex-start}.product-copy h3{font-size:clamp(38px,4.1vw,67px);margin:30px 0}.product-copy>p{max-width:340px;font-size:13px}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.product-tags span{border:1px solid var(--line);padding:5px 10px;border-radius:20px;font-size:9px}.round-link{display:flex;gap:17px;align-items:center;font-size:11px;margin:35px 0}.product-foot{width:100%;border-top:1px solid var(--line);padding-top:20px;margin-top:auto;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em}.living{height:850px;max-height:110svh;min-height:600px;position:relative;overflow:hidden;color:var(--paper)}.living-image,.living-shade{position:absolute;inset:0}.living-image img{height:120%;position:absolute;top:-10%}.living-shade{background:#201e1855}.living-content{position:absolute;top:50%;left:var(--gutter);transform:translateY(-50%)}.living h2{font-size:clamp(50px,6.6vw,110px);line-height:1.1;margin:35px 0}.living .text-link{min-width:230px}.living-caption{position:absolute;bottom:40px;right:var(--gutter);font-size:8px;letter-spacing:.15em}
.craft{padding-top:55px;padding-bottom:115px}.craft-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:70px;align-items:center}.craft-image{height:720px;position:relative;overflow:hidden}.craft-image img{height:120%;position:absolute;top:-10%}.craft-copy h2{font-size:clamp(40px,4.5vw,72px);margin:25px 0 30px;line-height:1.12}.craft-copy>p:not(.eyebrow){max-width:350px;font-size:13px}.steps{margin-top:35px}.steps details{border-top:1px solid var(--line);padding:18px 0}.steps details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:15px;font-size:11px}summary::-webkit-details-marker{display:none}summary>span:first-child{font-size:9px;color:var(--muted)}summary .plus{margin-left:auto;font-size:19px}details[open] .plus{transform:rotate(45deg)}details p{font-size:12px;color:var(--muted);padding:17px 25px 0 28px}.curtain-story{height:95svh;min-height:550px;position:relative;overflow:hidden;color:var(--paper);background:#44382f}.curtain-story-photo{position:absolute;inset:0}.curtain-story-photo:after{content:'';position:absolute;inset:0;background:#1e17144d}.curtain-panel{position:absolute;top:0;bottom:0;width:50.2%;z-index:2;background:repeating-linear-gradient(90deg,#40332a 0%,#554437 7%,#3c3027 14%);pointer-events:none}.curtain-panel.left{left:0}.curtain-panel.right{right:0}.curtain-story-copy{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.curtain-story h2{font-size:clamp(65px,9vw,150px);margin-top:30px}.testimonial{padding-top:50px;text-align:center;padding-bottom:80px}.testimonial>.eyebrow{margin-top:70px}.quote-mark{font:100px/.6 var(--serif);margin-top:45px;color:#a4937b}.testimonial blockquote{max-width:850px;margin:auto}.testimonial blockquote>p{font:clamp(30px,3.3vw,53px)/1.25 var(--serif);letter-spacing:-.035em;min-height:3.8em}.testimonial blockquote footer{font-size:9px;letter-spacing:.13em;margin-top:30px}.review-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:35px}.review-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:20px}.review-controls button:hover{background:var(--sand)}.review-controls>span{font-size:9px}.contact{background:var(--sand);padding-top:55px;padding-bottom:60px}.contact-top{display:flex;align-items:center;justify-content:space-between}.contact-main{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:end;margin:65px 0 80px}.contact h2{font-size:clamp(56px,7vw,115px)}.contact-main>div{max-width:380px}.contact-main p{font-size:13px;max-width:310px}.contact-call{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:25px 0 12px;font:clamp(26px,2.5vw,40px) var(--serif);letter-spacing:-.04em}.contact-call span{font:25px var(--sans)}.contact-email{display:block;font-size:11px;margin-top:14px;overflow-wrap:anywhere}.contact-details{border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;font-size:12px}.contact-details .eyebrow{font-size:8px;color:var(--muted);margin-bottom:12px}.back-top{display:flex;align-items:center;justify-content:flex-end;gap:25px;font-size:10px}.footer{padding:40px var(--gutter) 25px;background:var(--ink);color:var(--paper);overflow:hidden}.footer-brand{font:clamp(65px,17.8vw,330px)/1.15 var(--serif);letter-spacing:-.065em;display:block;white-space:nowrap;text-align:center}.footer-brand>span{font:20px var(--sans);vertical-align:top;display:inline-block;margin-top:30px;letter-spacing:0}.footer-bottom{border-top:1px solid #ffffff30;padding-top:23px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;gap:20px}.line-wrap{display:inline-block;overflow:hidden;vertical-align:top}.line-word{display:inline-block;will-change:transform}
@media(min-width:1600px){.product figure{height:680px}.craft-image{height:850px}}
@media(max-width:900px){.header nav{gap:22px}.hero h1{font-size:10vw}.hero-topline{top:135px}.light-control>span{display:none}.statement{font-size:6.5vw}.product{gap:5vw}.product figure{height:500px}.product-copy{padding-top:10px}.product-copy h3{margin:20px 0}.product-tags{gap:5px}.craft-grid{gap:5vw}.craft-image{height:630px}.contact-main{gap:5vw}.contact-call{font-size:28px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:600px){html{scroll-padding-top:80px}.section-pad{padding:55px 24px}.header{padding:25px 24px}.brand{font-size:26px}.brand span{font-size:6px}.header nav{display:none}.menu-toggle{display:flex;align-items:center;gap:12px;font-size:11px;padding:8px 0}.mobile-menu{display:flex;position:fixed;inset:0;z-index:90;background:var(--paper);padding:140px 30px 50px;flex-direction:column;gap:20px;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.mobile-menu.is-open{visibility:visible;opacity:1}.mobile-menu>a{font:38px/1.3 var(--serif);letter-spacing:-.04em}.mobile-menu p{font-size:11px;margin-top:auto}.menu-open .header{color:var(--ink);position:fixed}.hero{min-height:640px;height:100svh}.hero-photo img{object-position:57% center}.hero-topline{left:24px;right:24px;top:112px;font-size:7px;gap:25px}.hero-topline span:last-child{text-align:right;max-width:120px}.hero-heading{top:43%;padding:0 20px}.hero-heading .eyebrow{font-size:7px;margin-bottom:24px}.hero h1{font-size:clamp(48px,11.8vw,73px);line-height:1.08}.hero-bottom{left:24px;right:24px;bottom:28px;align-items:flex-end}.hero-location{display:none}.scroll-cue{gap:10px;max-width:145px;font-size:9px}.scroll-cue .circle{width:35px;height:35px}.light-control button{font-size:8px;gap:7px}.section-label{font-size:8px;gap:20px}.section-label>span:last-child{text-align:right;max-width:150px}.section-label .asterisk{display:none}.statement{font-size:clamp(35px,8.4vw,50px);margin:55px 0 40px;line-height:1.14}.studio-bottom{grid-template-columns:1fr;gap:23px}.studio-bottom p{font-size:13px}.studio-bottom>.eyebrow{font-size:9px}.collection-heading{display:block;margin:40px 0 25px}.collection-heading h2{font-size:54px}.collection-heading>p{font-size:11px;margin-top:25px}.product-tabs{margin-bottom:22px;gap:5px}.product-tabs button{padding:18px 0;gap:5px;flex-direction:column;align-items:flex-start;font-size:8px}.product-tabs button span{font-size:11px}.product{grid-template-columns:1fr;gap:27px}.product figure{height:420px}.product-copy{padding:0}.product-copy h3{font-size:43px;margin:19px 0}.product-copy>p{font-size:13px;max-width:none}.product-tags{margin-top:20px}.round-link{margin:25px 0}.product-foot{padding-top:18px}.living{height:700px;min-height:550px;max-height:100svh}.living h2{font-size:12vw}.living-content{left:24px;right:24px}.living .eyebrow{font-size:8px}.living-caption{right:24px}.craft-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.craft-image{height:440px}.craft-copy h2{font-size:49px}.craft-copy>p:not(.eyebrow){max-width:none}.curtain-story{height:650px;min-height:500px;max-height:95svh}.curtain-story h2{font-size:17vw}.curtain-story .eyebrow{font-size:7px;letter-spacing:.08em}.testimonial>.eyebrow{margin-top:50px;font-size:8px}.testimonial blockquote>p{font-size:31px;min-height:5em}.testimonial blockquote footer{font-size:8px}.contact-top>.eyebrow{font-size:7px;max-width:200px}.contact-main{grid-template-columns:1fr;margin:40px 0;gap:35px}.contact h2{font-size:15vw}.contact-main>div{max-width:none}.contact-main p{max-width:none}.contact-call{font-size:35px}.contact-details{grid-template-columns:1fr 1fr;font-size:10px;gap:28px 15px}.contact-details .back-top{grid-column:1/-1;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px}.footer{padding:30px 24px 20px}.footer-brand{font-size:17vw}.footer-brand>span{font-size:9px;margin-top:10px}.footer-bottom{font-size:6px;padding-top:18px;margin-top:15px}.intro-screen{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.curtain-panel{display:none}.intro-screen{display:none!important}}

html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}

/* One circle defines both the section silhouette and the lettering. */
.hero { z-index: 1; }
.studio {
  position: relative;
  z-index: 2;
  background: var(--paper);
  overflow: clip;
  padding-top: 65vw;
  border-radius: 50vw 50vw 0 0;
  transform-origin: 50% 0;
}
.studio-arc { position: absolute; inset: 0 0 auto; pointer-events: none; }
.studio-arc svg { display: block; width: 100%; height: auto; overflow: visible; }
.studio-arc-title {
  fill: var(--ink);
  font-family: var(--serif);
  font-size: 115px;
  font-weight: 400;
  letter-spacing: 0;
}
.studio-arc-place {
  fill: var(--ink);
  font-family: var(--sans);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .015em;
}
.studio-content { position: relative; }
.studio-content > .section-label { display: none; }
.studio .statement { margin-top: 0; }
.collection { position: relative; z-index: 2; }
@media (max-width: 600px) {
  .studio { padding-top: 68vw; }
  .studio-arc-place { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .studio { transform: none !important; }
}

.studio-arc-title {
  font-family: 'ambroise-francois-std', var(--serif);
  font-size: 39.375px;
  letter-spacing: 0;
  word-spacing: 45px;
}
.studio-arc-place { font-size: 7.5px; }
.studio-emblem { transform: translate(500px, 223px) scale(.43); }
.studio-arc-place { transform: translateY(-250px); }
.studio { padding-top: 42vw; }
.studio .statement { font-size: clamp(36px, 4.6vw, 74px); }
@media (max-width: 991px) {
  .studio-arc-title { font-size: 96.15px; word-spacing: 4px; }
  .studio-arc-place { font-size: 23px; transform: none; }
  .studio-emblem { transform: translate(500px, 465px); }
  .studio { padding-top: 82vw; }
  .studio .statement { font-size: clamp(32px, 7.6vw, 56px); }
}

/* Fonts served by Dior Decor's Adobe Fonts web project. */
:root { --font-script: 'sloop-script-three', cursive; }
.hero h1 i, .collection-heading h2 i, .contact h2 i {
  font-family: var(--font-script);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}
@media (min-width: 992px) {
  .studio-arc-place[x="365"] { transform: translate(70px, -250px); }
  .studio-arc-place[x="635"] { transform: translate(-70px, -250px); }
  .studio-arc svg > path { transform: translateY(-260px); }
}

/* Inset the letters from the rim without moving the centre emblem. */
.studio-arc-title { transform: translateY(24px); }
@media (max-width: 991px) {
  .studio { border-top-left-radius: 50vw; border-top-right-radius: 50vw; }
}

/* The entrance changes only the hero's aperture, never the scroll position. */
.hero { background: var(--ink); }
.hero-window { position: absolute; inset: 0; }
@media (prefers-reduced-motion: reduce) {
  .hero-window { clip-path: none !important; }
}

/* Give Sloop's opening flourish its own space inside the collection heading. */
.collection-heading h2 i {
  display: inline-block;
  padding-left: 1.35em;
  margin-top: .08em;
  font-size: .86em;
  line-height: 1.25;
  white-space: nowrap;
}