@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500&family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@300;400;500;600&family=Mrs+Saint+Delafield&display=swap');
:root{--ivory:#f8f5eb;--paper:#fffdf7;--ink:#111;--taupe:#d8d0c1;--gold:#a98c5f;--muted:#5f5b54}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-weight:300;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}.site-header{height:112px;display:flex;align-items:center;justify-content:flex-end;padding:0 4vw 0 330px;position:sticky;top:0;background:rgba(248,245,235,.97);z-index:30;border-bottom:1px solid #222}.logo-box{position:absolute;left:3vw;top:16px;width:260px;height:138px;background:var(--paper);border:4px solid #111;outline:1px solid #111;outline-offset:-12px;text-decoration:none;text-align:center;padding:15px 18px 10px;z-index:35}.logo-box .the{display:block;font-family:'Bodoni Moda',serif;font-size:15px;text-align:left;margin-left:4px}.logo-box strong{display:block;font-family:'Mrs Saint Delafield',cursive;font-size:48px;font-weight:400;line-height:.9}.logo-box small{display:block;font-family:'Cormorant Garamond',serif;font-size:11px;letter-spacing:.18em;margin-top:11px}.site-header nav{display:flex;align-items:center;gap:27px}.site-header nav a{text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:.18em;font-weight:500}.nav-cta{background:#111;color:#fff;padding:15px 19px}.menu{display:none;background:none;border:0;font-size:25px}.hero{min-height:700px;display:grid;grid-template-columns:36% 64%;border-bottom:1px solid #111}.hero-copy{padding:105px 3vw 45px 5vw;position:relative;background:linear-gradient(rgba(248,245,235,.96),rgba(248,245,235,.96)),repeating-linear-gradient(90deg,transparent 0 46px,#111 47px 49px)}.eyebrow,.kicker,.service-area,.poetic-label{font-size:9px;letter-spacing:.32em;font-weight:500}.hero h1{font-family:'Bodoni Moda',serif;font-size:clamp(46px,4.6vw,74px);font-weight:400;line-height:.98;margin:18px 0 4px}.script-line{font-family:'Mrs Saint Delafield',cursive;font-size:clamp(46px,4.4vw,72px);line-height:.85;transform:rotate(-2deg);margin:14px 0 25px}.hero-rule{width:90px;border-top:1px solid;margin:20px 0}.hero-services{font-family:'Cormorant Garamond',serif;font-size:15px;letter-spacing:.16em;line-height:1.9}.btn{display:inline-block;text-decoration:none;text-transform:uppercase;letter-spacing:.19em;font-size:9px;font-weight:500;padding:16px 24px;border:1px solid #111}.dark{background:#111;color:#fff}.ghost{border-color:#fff;color:#fff;background:transparent}.service-area{margin-top:30px;font-size:8px}.hero-image{position:relative;overflow:hidden;background:#d8d0c1}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.photo-caption{position:absolute;left:0;right:0;bottom:0;background:rgba(248,245,235,.86);padding:10px;text-align:center;font-size:8px;letter-spacing:.28em}.stripe-section{background-color:var(--ivory);background-image:repeating-linear-gradient(90deg,transparent 0 50px,rgba(17,17,17,.9) 51px 53px)}.roomologies{padding:30px 2vw 65px}.framed-title{max-width:560px;margin:-4px auto 24px;background:var(--paper);border:3px solid #111;outline:1px solid #111;outline-offset:-10px;text-align:center;padding:18px 25px}.framed-title span{display:block;font-family:'Bodoni Moda',serif;font-size:31px;letter-spacing:.14em}.framed-title small{font-family:'Cormorant Garamond',serif;letter-spacing:.18em}.room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:var(--ivory);padding:18px}.room-grid article{background:var(--paper);border:1px solid #c9c0b0;text-align:center;box-shadow:0 5px 18px rgba(0,0,0,.05)}.room-grid img{width:100%;height:230px;object-fit:cover}.room-copy{padding:20px 20px 25px}.room-grid h3{margin:-3px 0 10px}.room-grid h3 em{display:block;font-family:'Mrs Saint Delafield',cursive;font-size:47px;font-weight:400;line-height:.75}.room-grid h3 span{display:block;font-family:'Bodoni Moda',serif;font-size:21px;letter-spacing:.08em}.room-grid .tag{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500}.room-grid p{font-size:12px}.room-grid a{text-transform:uppercase;text-decoration:none;font-size:9px;letter-spacing:.22em;font-weight:500}.style-note{background:var(--ivory);max-width:900px;margin:24px auto 0;text-align:center;padding:13px 25px;font-family:'Cormorant Garamond',serif;font-size:17px}.statement{display:grid;grid-template-columns:42% 58%;background:#111;color:#fff;min-height:600px}.statement-copy{padding:80px 6vw}.statement h2{font-family:'Bodoni Moda',serif;font-size:clamp(42px,4.7vw,70px);font-weight:400;line-height:1.05;margin:20px 0}.statement h2 em{font-family:'Cormorant Garamond',serif;font-weight:400}.statement-copy>p{max-width:520px}.white-rule{width:110px;border-top:1px solid #fff;margin:25px 0}.script-quote{font-family:'Mrs Saint Delafield',cursive;font-size:50px!important;line-height:1}.poetic-label{margin-top:35px}.statement-photo{position:relative;overflow:hidden}.statement-photo>img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.floating-card{position:absolute;right:7%;bottom:9%;background:rgba(248,245,235,.94);color:#111;border:1px solid #111;padding:22px 28px;text-align:center}.floating-card span{font-family:'Mrs Saint Delafield';font-size:40px;display:block;line-height:.8}.floating-card strong{font-family:'Bodoni Moda';font-size:22px;font-weight:400;display:block}.floating-card small{letter-spacing:.25em}.services,.method{padding:95px 5vw;background:var(--paper)}.section-head{max-width:760px;margin-bottom:45px}.section-head h2,.about h2,.portfolio h2,.contact h2{font-family:'Bodoni Moda',serif;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:1;margin:12px 0}.section-head>p:last-child{font-family:'Cormorant Garamond';font-size:19px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid;border-left:1px solid}.service-grid article{padding:28px;border-right:1px solid;border-bottom:1px solid;min-height:230px;background:var(--ivory)}.service-grid b,.steps b{font-size:9px;letter-spacing:.25em}.service-grid h3,.steps h3{font-family:'Bodoni Moda';font-weight:400;font-size:24px}.service-grid p,.steps p{font-size:12px}.about{display:grid;grid-template-columns:30% 31% 39%;align-items:stretch;border-top:1px solid;border-bottom:1px solid}.quote-panel{padding:70px 3.5vw;background:rgba(248,245,235,.96);display:flex;flex-direction:column;justify-content:center}.quote-mark{font-family:'Bodoni Moda';font-size:90px;line-height:.4}.quote-panel>p{font-family:'Cormorant Garamond';font-size:29px}.signature{font-family:'Mrs Saint Delafield';font-size:58px;transform:rotate(-5deg);margin:15px 0}.quote-panel small{font-family:'Cormorant Garamond';font-weight:600;letter-spacing:.08em}.portrait-wrap{position:relative;padding:38px 20px;background:transparent;display:flex;align-items:center}.portrait-wrap img{aspect-ratio:1/1.18;object-fit:cover;border:3px solid #111;border-radius:50% 50% 48% 48%;background:#ddd}.portrait-wrap span{position:absolute;right:-4px;bottom:38px;background:#111;color:#fff;padding:12px 14px;font-size:8px;letter-spacing:.2em;text-align:center}.about-copy{padding:65px 4vw;background:rgba(248,245,235,.96)}.about-copy h3{font-family:'Cormorant Garamond';font-size:22px}.about-copy p{font-size:13px}.method{background:#dcd5c8}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:4px solid #111}.steps>div{padding:28px;border-right:1px solid}.portfolio{padding:85px 6vw;text-align:center;background:linear-gradient(rgba(248,245,235,.88),rgba(248,245,235,.88)),url('assets/roomologies/luxe-atomic.jpg') center/cover fixed}.portfolio-inner{max-width:800px;margin:auto}.portfolio p{font-family:'Cormorant Garamond';font-size:19px}.case-stamp{margin:40px auto 0;max-width:560px;background:var(--paper);border:5px solid #111;outline:1px solid #111;outline-offset:-15px;padding:40px}.case-stamp span{font-family:'Bodoni Moda';letter-spacing:.25em}.case-stamp em{font-family:'Mrs Saint Delafield';font-size:70px;display:block;line-height:1}.case-stamp small{letter-spacing:.24em}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:90px 7vw;background:#111;color:#fff}.contact h2 em{font-family:'Mrs Saint Delafield';font-size:1.35em;font-weight:400}.contact-script{font-family:'Mrs Saint Delafield';font-size:50px;line-height:1;margin:30px 0}.contact form{display:grid;gap:14px}.contact label{font-size:9px;letter-spacing:.17em;text-transform:uppercase}.contact input,.contact textarea{width:100%;margin-top:7px;background:transparent;border:0;border-bottom:1px solid #777;color:#fff;padding:10px 4px;font:inherit;outline:none}.contact textarea{border:1px solid #777}footer{background:#111;color:#fff;border-top:1px solid #777;padding:40px 5vw;display:grid;grid-template-columns:1fr 1.2fr 1.3fr;gap:35px;align-items:center}.footer-logo strong{font-family:'Mrs Saint Delafield';font-size:44px;font-weight:400;display:block}.footer-logo span,.footer-contact{font-size:8px;letter-spacing:.13em}.footer-nav{display:flex;flex-wrap:wrap;gap:18px}.footer-nav a,.footer-contact a{font-size:8px;text-decoration:none;text-transform:uppercase;letter-spacing:.15em}.footer-contact{display:flex;flex-direction:column;gap:8px;text-align:right}.light{color:#fff}
@media(max-width:1000px){.site-header{padding-left:260px}.logo-box{width:220px}.site-header nav{gap:14px}.hero{grid-template-columns:42% 58%}.room-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr 1fr}.about-copy{grid-column:1/-1}.quote-panel{padding-left:7vw}.statement{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{height:86px;padding:0 5vw}.logo-box{position:static;width:190px;height:76px;border:2px solid;padding:8px;outline-offset:-7px}.logo-box .the{display:none}.logo-box strong{font-size:35px}.logo-box small{font-size:7px;margin-top:5px}.menu{display:block}.site-header nav{display:none;position:absolute;top:86px;left:0;right:0;background:var(--ivory);padding:30px;flex-direction:column;border-bottom:1px solid}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7vw 45px}.hero-image{height:600px}.room-grid{grid-template-columns:1fr}.room-grid img{height:320px}.statement{grid-template-columns:1fr}.statement-photo{min-height:500px}.service-grid,.steps{grid-template-columns:1fr}.about{grid-template-columns:1fr}.portrait-wrap{padding:45px 15vw}.contact{grid-template-columns:1fr}.footer-nav{display:none}footer{grid-template-columns:1fr}.footer-contact{text-align:left}.portfolio{background-attachment:scroll}}
@media(max-width:480px){.hero-image{height:470px}.hero h1{font-size:46px}.script-line{font-size:46px}.framed-title span{font-size:23px}.room-grid img{height:240px}.statement-copy{padding:65px 7vw}.statement-photo{min-height:420px}.services,.method{padding:70px 6vw}.service-grid{grid-template-columns:1fr}.portrait-wrap{padding:35px 8vw}.contact{padding:70px 7vw}.contact-script{font-size:42px}}
.contact-card{background:var(--ivory);color:#111;padding:42px;border:1px solid #777;align-self:center}.contact-card h3{font-family:'Bodoni Moda',serif;font-size:36px;font-weight:400;margin:8px 0 14px}.contact-card .direct-contact{font-size:11px;margin-top:24px}.consult-hero{display:grid;grid-template-columns:40% 60%;min-height:610px;border-bottom:1px solid #111}.consult-intro{padding:85px 4vw 55px 5vw;background:linear-gradient(90deg,rgba(248,245,235,.99),rgba(248,245,235,.88))}.consult-intro h1{font-family:'Bodoni Moda',serif;font-size:clamp(50px,5.4vw,82px);font-weight:400;line-height:.94;margin:15px 0}.consult-sub{font-family:'Cormorant Garamond',serif;font-size:22px}.consult-intro>p:not(.kicker):not(.consult-sub){max-width:560px}.consult-script{font-size:55px;margin-top:35px}.consult-photo{position:relative;overflow:hidden;background:#d7cdbc}.consult-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.consult-body{display:grid;grid-template-columns:22% 56% 22%;align-items:stretch}.consult-side{padding:55px 2.5vw}.dark-side{background:#111;color:#fff}.dark-side>p:not(.kicker){font-family:'Cormorant Garamond',serif;font-size:19px}.side-script{font-family:'Mrs Saint Delafield',cursive!important;font-size:43px!important;line-height:1.05;margin-top:45px}.form-wrap{padding:28px 3vw 50px;background:var(--paper)}.consult-title{margin:0 auto 20px;max-width:640px}.consult-title span{font-size:27px}.form-wrap form{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .span-2{grid-column:1/-1}.form-wrap label,.form-wrap legend{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:500}.form-wrap input:not([type=checkbox]),.form-wrap select,.form-wrap textarea{display:block;width:100%;margin-top:5px;padding:13px 12px;border:1px solid #c8c0b2;background:#f5f0e6;font:400 14px 'Cormorant Garamond',serif;color:#111}.form-wrap textarea{resize:vertical}.form-wrap fieldset{border:0;padding:0;margin:0}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;margin-top:8px}.check-grid label,.privacy-check{font-weight:400}.check-grid input,.privacy-check input{accent-color:#111;margin-right:8px}.submit-btn{width:min(520px,100%);margin:0 auto;font-family:Montserrat,sans-serif}.form-note{text-align:center;font-size:9px;color:#555}.form-setup-note{margin-top:22px;padding:14px 16px;border:1px dashed #a99f8d;background:#f8f5eb;font-size:11px;color:#554f46}.next-side{background:var(--ivory)}.next-step{display:grid;grid-template-columns:40px 1fr;gap:14px;margin:28px 0}.next-step b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-family:'Bodoni Moda',serif;font-weight:400}.next-step h3{font-family:'Cormorant Garamond',serif;text-transform:uppercase;letter-spacing:.08em;font-size:16px;margin:0}.next-step p{font-family:'Cormorant Garamond',serif;font-size:14px;margin:4px 0}.direct-box{display:grid;gap:10px;margin-top:35px;font-size:9px;letter-spacing:.1em}.direct-box a{text-decoration:none}.consult-quote{text-align:center;padding:55px 5vw;background:#ddd4c6}.consult-quote .quote-mark{font-size:70px}.consult-quote p{font-family:'Cormorant Garamond',serif;font-size:34px;margin:0 0 20px}.consult-quote small{letter-spacing:.18em;font-size:8px}
@media(max-width:1000px){.consult-body{grid-template-columns:1fr 2fr}.next-side{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.next-side>.kicker,.next-side>.side-script,.next-side>.direct-box{grid-column:1/-1}.consult-hero{grid-template-columns:45% 55%}}
@media(max-width:760px){.consult-hero{grid-template-columns:1fr}.consult-photo{height:520px}.consult-intro{padding:65px 7vw 45px}.consult-body{grid-template-columns:1fr}.dark-side{padding:55px 7vw}.form-wrap{padding:35px 7vw}.next-side{display:block;padding:55px 7vw}.form-grid,.check-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.consult-title span{font-size:22px}}
@media(max-width:480px){.consult-photo{height:430px}.consult-intro h1{font-size:50px}.consult-script{font-size:46px}.form-wrap{padding-left:5vw;padding-right:5vw}}
/* V3 fix: keep the Poetic Aesthetic copy inside its panel */
.statement-copy{min-width:0;overflow:hidden}
.statement h2{font-size:clamp(38px,3.5vw,58px);overflow-wrap:normal;word-break:normal}
@media (max-width:1200px){.statement{grid-template-columns:45% 55%}.statement-copy{padding:70px 4vw}.statement h2{font-size:clamp(36px,4vw,52px)}}

/* V4 portfolio */
.portfolio-live{padding:110px 6%;background:#f3efe5}.portfolio-live .portfolio-inner{max-width:1380px;margin:auto;text-align:center}.case-feature{margin-top:48px;display:grid;grid-template-columns:1.55fr .85fr;background:#fff;border:1px solid #171717;text-align:left;min-height:520px}.case-image{display:block;overflow:hidden}.case-image img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block}.case-copy{padding:65px 55px;display:flex;flex-direction:column;justify-content:center}.case-copy h3{font-family:Georgia,serif;font-size:48px;font-weight:400;margin:5px 0 12px}.case-tag{font-family:Georgia,serif;font-style:italic;font-size:23px}.case-copy .btn{align-self:flex-start;margin-top:18px}.future-case{margin:55px auto 0;max-width:820px;padding:45px;border:4px double #111;background:#faf7ef}.future-case span{font-size:11px;letter-spacing:.35em}.future-case h3{font-family:Georgia,serif;font-size:42px;font-weight:400;margin:10px}.future-case p{font-family:Georgia,serif;font-size:19px}.future-case a{color:#111;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:bold}

/* Case File 001 */
.case-page{background:#f6f2e9;color:#111}.case-hero{padding:105px 6% 70px;text-align:center;background:#f6f2e9}.case-hero .kicker{letter-spacing:.38em}.case-hero h1{font-family:Georgia,serif;font-size:clamp(56px,8vw,112px);font-weight:400;line-height:.95;margin:20px 0}.case-hero .case-deck{font-family:Georgia,serif;font-style:italic;font-size:27px;margin:0 auto 35px}.case-meta{display:flex;justify-content:center;gap:45px;flex-wrap:wrap;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.case-main-image img{width:100%;height:min(76vh,850px);object-fit:cover;display:block}.case-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;max-width:1250px;margin:auto;padding:100px 6%}.case-story h2{font-family:Georgia,serif;font-size:52px;font-weight:400;margin:8px 0 0}.case-story p{font-family:Georgia,serif;font-size:19px;line-height:1.7}.case-pull{background:#111;color:#fff;text-align:center;padding:80px 8%;font-family:Georgia,serif;font-size:clamp(30px,4vw,58px);font-style:italic}.case-gallery{max-width:1500px;margin:auto;padding:90px 5%;display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.case-gallery figure{margin:0;overflow:hidden;background:#ddd}.case-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.case-gallery figure:hover img{transform:scale(1.015)}.case-gallery .wide{grid-column:span 8;height:560px}.case-gallery .small{grid-column:span 4;height:560px}.case-gallery .half{grid-column:span 6;height:520px}.case-gallery .full{grid-column:1/-1;height:720px}.case-notes{max-width:1250px;margin:auto;padding:20px 6% 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#111;border:1px solid #111}.case-notes article{background:#f6f2e9;padding:45px}.case-notes h3{font-family:Georgia,serif;font-size:27px;font-weight:400}.case-notes p{line-height:1.7}.case-next{background:#111;color:#fff;text-align:center;padding:90px 6%}.case-next h2{font-family:Georgia,serif;font-size:clamp(42px,6vw,78px);font-weight:400;margin:12px 0}.case-next p{font-family:Georgia,serif;font-size:20px}.case-next .btn{display:inline-block;margin-top:20px;background:#f6f2e9;color:#111}.case-page .site-header{position:relative}
@media(max-width:850px){.case-feature,.case-story{grid-template-columns:1fr}.case-copy{padding:40px 28px}.case-copy h3{font-size:38px}.case-image img{min-height:340px}.case-gallery{display:block}.case-gallery figure,.case-gallery .wide,.case-gallery .small,.case-gallery .half,.case-gallery .full{height:auto;margin-bottom:18px}.case-gallery img{height:auto}.case-notes{grid-template-columns:1fr}.case-meta{gap:15px 28px}.future-case{padding:30px 20px}.future-case h3{font-size:34px}}

/* V5 mobile polish — desktop intentionally unchanged */
@media (max-width:760px){
  .site-header{
    height:86px;
    padding:0 5vw;
    justify-content:space-between;
  }
  .logo-box{
    position:static;
    flex:0 0 auto;
    width:170px;
    height:70px;
    margin:0;
    padding:7px 8px;
    border:2px solid #111;
    outline-offset:-6px;
    text-align:center;
  }
  .logo-box strong{font-size:32px;line-height:.9}
  .logo-box small{font-size:6.5px;letter-spacing:.14em;margin-top:5px}
  .menu{margin-left:auto;font-size:32px;line-height:1;padding:8px 0 8px 18px}

  /* The later tablet rule in V3 was overriding the original mobile stack. */
  .statement{
    grid-template-columns:1fr;
    min-height:0;
  }
  .statement-copy{
    width:100%;
    padding:60px 7vw 55px;
    overflow:visible;
  }
  .statement h2{
    font-size:clamp(38px,11vw,50px);
    line-height:1.05;
    max-width:100%;
  }
  .statement h2 em{display:block;font-size:.9em}
  .statement-photo{width:100%;min-height:430px}
  .statement-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .floating-card{right:5%;left:5%;bottom:5%;padding:18px 16px}

  /* Sticky header should never cover the beginning of anchored sections. */
  #roomologies,#services,#about,#method,#portfolio,#contact{scroll-margin-top:96px}
  .about{grid-template-columns:1fr}
  .about-copy{grid-column:auto;padding-top:55px;padding-bottom:60px}
}

@media (max-width:480px){
  .logo-box{width:158px;height:68px}
  .logo-box strong{font-size:30px}
  .statement-copy{padding:55px 7vw 50px}
  .statement h2{font-size:clamp(36px,10.5vw,46px)}
  .statement-photo{min-height:390px}
}

/* V6 mobile logo correction — restore THE and keep full mark visible at top left */
@media (max-width:760px){
  .site-header{justify-content:flex-start;gap:12px;overflow:visible}
  .logo-box{
    position:relative;
    left:auto;top:auto;
    width:184px;
    height:74px;
    padding:6px 9px 7px;
    overflow:visible;
    text-align:center;
  }
  .logo-box .the{
    display:block;
    font-size:8px;
    line-height:1;
    margin:0 0 1px 2px;
    text-align:left;
    letter-spacing:.08em;
  }
  .logo-box strong{font-size:30px;line-height:.82;white-space:nowrap}
  .logo-box small{font-size:6px;line-height:1.15;letter-spacing:.11em;margin-top:5px;white-space:nowrap}
  .menu{margin-left:auto}
}
@media (max-width:380px){
  .logo-box{width:170px;height:72px}
  .logo-box strong{font-size:28px}
  .logo-box small{font-size:5.5px}
}

.case-feature-two{margin-top:34px;grid-template-columns:.85fr 1.55fr}.case-feature-two .case-image{order:2}.case-feature-two .case-copy{order:1}
@media(max-width:850px){.case-feature-two{grid-template-columns:1fr}.case-feature-two .case-image{order:1}.case-feature-two .case-copy{order:2}}
/* V10: emphasize the Roomologies point-of-view statement */
.style-note{
  max-width:none;
  width:100%;
  margin:30px auto 8px;
  padding:22px 24px;
  font-size:clamp(20px,1.55vw,27px);
  white-space:nowrap;
  line-height:1.35;
  font-weight:400;
}
.style-note strong{
  font-family:'Bodoni Moda',serif;
  font-size:1.12em;
  font-weight:500;
}
@media(max-width:850px){
  .style-note{margin:22px 18px 4px;width:auto;padding:18px 16px;font-size:21px;line-height:1.3;white-space:normal}
}

/* V13: Poetic Aesthetic description */
.poetic-blurb{max-width:520px;margin:12px 0 0;font-family:'Cormorant Garamond',serif;font-size:17px;line-height:1.55;color:#fff;}
@media(max-width:760px){.poetic-blurb{font-size:16px;max-width:100%;}}

/* V15 — quote placement + logo tagline spacing */
.quote-panel .quote-mark{margin-bottom:-12px;}
.quote-panel>p{position:relative;margin-top:12px;margin-bottom:20px;}
.quote-panel>p::after{content:'”';font-family:'Bodoni Moda',serif;font-size:1.15em;line-height:0;margin-left:.08em;vertical-align:-.08em;}
.logo-box small{margin-top:8px;line-height:1.15;transform:translateY(-2px);}
@media(max-width:760px){
  .quote-panel .quote-mark{margin-bottom:-8px;}
  .quote-panel>p{margin-top:8px;}
  .logo-box small{margin-top:3px;transform:translateY(-2px);line-height:1.05;}
}

/* V16 — matching quotation mark sizing */
.quote-panel .quote-mark{
  font-size:54px;
  line-height:.7;
  margin-bottom:-4px;
}
.quote-panel>p::after{
  font-size:54px;
  line-height:0;
  margin-left:.10em;
  vertical-align:-.12em;
}
@media(max-width:700px){
  .quote-panel .quote-mark,
  .quote-panel>p::after{font-size:46px;}
}

/* V17 — quotation marks inline with quote */
.quote-panel .quote-mark{display:none!important;}
.quote-panel>p::before{content:'“';font-family:'Bodoni Moda',serif;font-size:1em;line-height:1;margin-right:.08em;vertical-align:baseline;}
.quote-panel>p::after{content:'”';font-family:'Bodoni Moda',serif;font-size:1em;line-height:1;margin-left:.08em;vertical-align:baseline;}

/* V20: Record Lounge pull quote fixed to two lines on desktop */
.case-pull{max-width:none;}
@media (min-width: 769px){.case-pull .desktop-break{display:block;}}
@media (max-width: 768px){.case-pull .desktop-break{display:none;}}

/* V22 Record Lounge cleanup */
.case-pull span{display:block;}
@media (min-width: 851px){.case-pull span{white-space:nowrap;}.case-pull{font-size:clamp(30px,3.35vw,52px);padding-left:3%;padding-right:3%;}.case-gallery .gallery-final{grid-column:1/-1;height:650px;}}
@media (max-width:850px){.case-pull span{display:inline;}.case-pull span+span:before{content:" ";}}
/* V23: keep Record Lounge pull quote to exactly two lines on desktop */
@media (min-width: 851px){
  .case-page .case-pull{font-size:clamp(30px,3vw,48px);padding-left:2%;padding-right:2%;}
  .case-page .case-pull span{display:block;white-space:nowrap;}
}

/* V27 Record Lounge gallery: eliminate orphan grid space */
@media (min-width:851px){.case-page .case-gallery .record-hero-gallery{grid-column:1/-1;height:680px}.case-page .case-gallery .record-hero-gallery img{object-position:center 48%}}

/* V31 contact note: avoid script lowercase t glyphs that resemble capitals */
.contact-note{margin-top:45px}.contact-message{font-family:'Cormorant Garamond',serif!important;font-style:italic;font-size:28px!important;line-height:1.15;margin:0 0 8px}.contact-signature{font-family:'Mrs Saint Delafield',cursive!important;font-size:48px!important;line-height:.9;margin:0}