/* SOHO NOHO / INTERIKA. All production rules are scoped to this component. */
#project-soho-noho .interika-soho-noho{--sn-bg:var(--paper,#ffffff);--sn-alt:var(--paper-2,#f5f5f5);--sn-ink:#111111;--sn-muted:#6e6a63;--sn-accent:#c43a27;--sn-line:#d4cfc5;background:var(--sn-bg);color:var(--sn-ink);font-family:"Golos Text",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-wrap:pretty}
#project-soho-noho .interika-soho-noho,#project-soho-noho .interika-soho-noho *,#project-soho-noho .interika-soho-noho *::before,#project-soho-noho .interika-soho-noho *::after{box-sizing:border-box}
#project-soho-noho .interika-soho-noho :where(h1,h2,h3,p,figure,dl,dd){margin:0}
#project-soho-noho .interika-soho-noho :where(h1,h2,h3){font-family:Onest,Arial,sans-serif;font-weight:500}
#project-soho-noho .interika-soho-noho a{color:inherit}
#project-soho-noho .interika-soho-noho a:focus-visible,#project-soho-noho .interika-soho-noho button:focus-visible{outline:2px solid var(--sn-accent);outline-offset:6px}
#project-soho-noho .interika-soho-noho .sn-wrap{width:100%;max-width:1240px;margin-inline:auto}
#project-soho-noho .interika-soho-noho .sn-kicker{font-size:11px;letter-spacing:.15em;line-height:1.55;text-transform:uppercase;color:var(--sn-muted)}
#project-soho-noho .interika-soho-noho .sn-kicker .sn-number{color:var(--sn-accent);margin-right:12px}
#project-soho-noho .interika-soho-noho .sn-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;padding:54px 0 0;align-items:start}
#project-soho-noho .interika-soho-noho .sn-hero-copy{padding:22px 0 0}
#project-soho-noho .interika-soho-noho .sn-name{display:block;font-size:clamp(70px,8.4vw,112px);letter-spacing:-.068em;line-height:.91;font-weight:500;margin:26px 0 29px}
#project-soho-noho .interika-soho-noho .sn-name span{display:block}
#project-soho-noho .interika-soho-noho .sn-descriptor{display:block;font-size:clamp(20px,2vw,25px);line-height:1.35;letter-spacing:-.028em;font-weight:500;max-width:390px}
#project-soho-noho .interika-soho-noho .sn-byline{font-size:13px;color:var(--sn-muted);margin-top:21px}
#project-soho-noho .interika-soho-noho .sn-byline a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--sn-line)}
#project-soho-noho .interika-soho-noho .sn-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:43px;padding-top:20px;border-top:1px solid var(--sn-line);max-width:420px}
#project-soho-noho .interika-soho-noho .sn-facts dt{font-size:11px;line-height:1.4;color:var(--sn-muted);margin-bottom:8px}
#project-soho-noho .interika-soho-noho .sn-facts dd{font-size:16px;line-height:1.4}
#project-soho-noho .interika-soho-noho .sn-hero .sn-photo{max-width:540px;margin-left:auto;width:100%}
#project-soho-noho .interika-soho-noho .sn-photo{width:100%;max-width:540px;min-width:0;margin:0}
#project-soho-noho .interika-soho-noho .sn-photo-link{display:block;text-decoration:none;cursor:zoom-in;background:none}
#project-soho-noho .interika-soho-noho .sn-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:none;max-width:100%}
#project-soho-noho .interika-soho-noho .sn-caption{display:flex;gap:18px;justify-content:space-between;font-size:11px;line-height:1.5;color:var(--sn-muted);padding-top:13px}
#project-soho-noho .interika-soho-noho .sn-caption .sn-caption-id{flex:0 0 auto;color:var(--sn-accent);font-variant-numeric:tabular-nums}
#project-soho-noho .interika-soho-noho .sn-intro{display:grid;grid-template-columns:210px minmax(0,740px);gap:44px;max-width:1104px;margin:116px auto 108px;padding-top:27px;border-top:1px solid var(--sn-line)}
#project-soho-noho .interika-soho-noho .sn-intro .sn-kicker{padding-top:7px}
#project-soho-noho .interika-soho-noho .sn-intro .sn-lead{font-size:20px;line-height:1.7;letter-spacing:-.018em}
#project-soho-noho .interika-soho-noho .sn-section{margin-top:116px;margin-bottom:116px}
#project-soho-noho .interika-soho-noho .sn-section-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;max-width:1104px;margin:0 auto 40px;align-items:end}
#project-soho-noho .interika-soho-noho .sn-heading{font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.05em;margin-top:15px;text-wrap:balance}
#project-soho-noho .interika-soho-noho .sn-section-text{font-size:15px;line-height:1.75;color:var(--sn-muted);max-width:480px}
#project-soho-noho .interika-soho-noho .sn-pair{display:grid;grid-template-columns:repeat(2,minmax(0,520px));gap:64px;justify-content:center;max-width:1104px;margin:0 auto}
#project-soho-noho .interika-soho-noho .sn-pair--offset{align-items:start}
#project-soho-noho .interika-soho-noho .sn-pair--offset>.sn-photo:nth-child(2){margin-top:96px}
#project-soho-noho .interika-soho-noho .sn-pair+.sn-pair{margin-top:60px}
#project-soho-noho .interika-soho-noho .sn-focus{display:grid;grid-template-columns:repeat(2,minmax(0,520px));gap:64px;align-items:center;max-width:1104px;margin:78px auto 0}
#project-soho-noho .interika-soho-noho .sn-focus .sn-photo{width:80%;margin-left:auto}
#project-soho-noho .interika-soho-noho .sn-focus .sn-note{max-width:330px;padding-left:40px}
#project-soho-noho .interika-soho-noho .sn-note h3{font-size:31px;line-height:1.18;letter-spacing:-.036em;margin-top:13px}
#project-soho-noho .interika-soho-noho .sn-note p{font-size:13px;line-height:1.75;color:var(--sn-muted);margin-top:17px}
#project-soho-noho .interika-soho-noho .sn-band{background:var(--sn-alt);padding:75px clamp(24px,4vw,60px) 83px;margin:110px 0}
#project-soho-noho .interika-soho-noho .sn-band .sn-section{margin:0}
#project-soho-noho .interika-soho-noho .sn-band .sn-focus{margin-top:62px}
#project-soho-noho .interika-soho-noho .sn-interlude{display:flex;gap:40px;align-items:baseline;max-width:1104px;margin:0 auto 42px;padding-top:25px;border-top:1px solid var(--sn-line)}
#project-soho-noho .interika-soho-noho .sn-interlude .sn-heading{margin-top:0}
#project-soho-noho .interika-soho-noho .sn-interlude .sn-kicker{margin-left:auto;text-align:right;max-width:210px}
#project-soho-noho .interika-soho-noho .sn-finale{display:grid;grid-template-columns:repeat(2,minmax(0,520px));gap:64px;align-items:center;max-width:1104px;margin:0 auto 116px}
#project-soho-noho .interika-soho-noho .sn-finale .sn-photo{width:80%;margin-left:auto}
#project-soho-noho .interika-soho-noho .sn-finale-text{max-width:360px;padding-left:40px}
#project-soho-noho .interika-soho-noho .sn-finale-text .sn-heading{font-size:clamp(34px,4vw,48px)}
#project-soho-noho .interika-soho-noho .sn-finale-text p:last-child{font-size:14px;color:var(--sn-muted);margin-top:22px}
#project-soho-noho .interika-soho-noho .sn-footer{display:flex;justify-content:space-between;gap:24px;padding:21px 0 28px;border-top:1px solid var(--sn-line);font-size:10px;color:var(--sn-muted)}
#project-soho-noho .interika-soho-noho .sn-footer strong{font-weight:500;color:var(--sn-ink);letter-spacing:.08em}
@media(max-width:899px){
 #project-soho-noho .interika-soho-noho .sn-hero{grid-template-columns:1fr;gap:28px;padding-top:30px}
 #project-soho-noho .interika-soho-noho .sn-hero-copy{padding:0}
 #project-soho-noho .interika-soho-noho .sn-name{font-size:72px;line-height:1;letter-spacing:-.06em;margin:18px 0 16px}
 #project-soho-noho .interika-soho-noho .sn-name span{display:inline}
 #project-soho-noho .interika-soho-noho .sn-name span+span{margin-left:.13em}
 #project-soho-noho .interika-soho-noho .sn-descriptor{font-size:22px;max-width:540px}
 #project-soho-noho .interika-soho-noho .sn-byline{margin-top:14px}
 #project-soho-noho .interika-soho-noho .sn-facts{margin-top:21px;max-width:540px;padding-top:16px}
 #project-soho-noho .interika-soho-noho .sn-hero .sn-photo{margin-inline:auto}
 #project-soho-noho .interika-soho-noho .sn-intro{grid-template-columns:1fr;gap:16px;margin:74px auto}
 #project-soho-noho .interika-soho-noho .sn-intro .sn-lead{font-size:18px}
 #project-soho-noho .interika-soho-noho .sn-section-head{gap:32px}
 #project-soho-noho .interika-soho-noho .sn-focus .sn-note,#project-soho-noho .interika-soho-noho .sn-finale-text{padding-left:0}
}
@media(max-width:799px){
 #project-soho-noho .interika-soho-noho .sn-wrap{width:100%}
 #project-soho-noho .interika-soho-noho .sn-name{font-size:clamp(42px,10.7vw,70px)}
 #project-soho-noho .interika-soho-noho .sn-descriptor{font-size:20px;max-width:370px}
 #project-soho-noho .interika-soho-noho .sn-facts dd{font-size:14px}
 #project-soho-noho .interika-soho-noho .sn-facts dt{font-size:10px}
 #project-soho-noho .interika-soho-noho .sn-pair,#project-soho-noho .interika-soho-noho .sn-focus,#project-soho-noho .interika-soho-noho .sn-finale{display:grid;grid-template-columns:minmax(0,540px);gap:32px;justify-content:center}
 #project-soho-noho .interika-soho-noho .sn-pair--offset>.sn-photo:nth-child(2){margin-top:0}
 #project-soho-noho .interika-soho-noho .sn-pair+.sn-pair{margin-top:32px}
 #project-soho-noho .interika-soho-noho .sn-focus{margin-top:38px;gap:21px}
 #project-soho-noho .interika-soho-noho .sn-focus .sn-photo,#project-soho-noho .interika-soho-noho .sn-finale .sn-photo{width:100%;margin-inline:0}
 #project-soho-noho .interika-soho-noho .sn-focus .sn-note{max-width:430px;padding:0}
 #project-soho-noho .interika-soho-noho .sn-note h3{font-size:27px}
 #project-soho-noho .interika-soho-noho .sn-section{margin-top:74px;margin-bottom:74px}
 #project-soho-noho .interika-soho-noho .sn-section-head{display:block;margin-bottom:28px}
 #project-soho-noho .interika-soho-noho .sn-section-text{font-size:14px;line-height:1.75;margin-top:20px}
 #project-soho-noho .interika-soho-noho .sn-heading{font-size:36px;line-height:1.08;letter-spacing:-.04em}
 #project-soho-noho .interika-soho-noho .sn-kicker{font-size:10px}
 #project-soho-noho .interika-soho-noho .sn-band{padding:46px 24px 49px;margin:74px 0}
 #project-soho-noho .interika-soho-noho .sn-band .sn-focus{margin-top:34px}
 #project-soho-noho .interika-soho-noho .sn-interlude{display:block;margin-bottom:28px;padding-top:20px}
 #project-soho-noho .interika-soho-noho .sn-interlude .sn-kicker{margin:16px 0 0;text-align:left;max-width:none}
 #project-soho-noho .interika-soho-noho .sn-finale{margin-bottom:72px;gap:27px}
 #project-soho-noho .interika-soho-noho .sn-finale-text{padding:0;max-width:440px}
 #project-soho-noho .interika-soho-noho .sn-finale-text .sn-heading{font-size:35px}
 #project-soho-noho .interika-soho-noho .sn-footer{display:block;font-size:10px;padding-bottom:23px}
 #project-soho-noho .interika-soho-noho .sn-footer span{display:block;margin-top:9px;max-width:280px}
 #project-soho-noho .interika-soho-noho .sn-caption{font-size:11px;gap:12px}
}
/* The shared page shell owns outer gutters on every viewport. */
#project-soho-noho .interika-soho-noho{max-width:1240px;width:100%;margin:0 auto;padding:32px 0 0}
#project-soho-noho .interika-soho-noho .surface-panel{--sn-muted:#68645d;--sn-accent:#b63424}
#project-soho-noho .interika-soho-noho .sn-gallery-hint{margin-top:22px;color:var(--sn-muted);font-size:10px;text-align:right}
#project-soho-noho .interika-soho-noho .sn-footer a{text-decoration:underline;text-underline-offset:4px}
#project-soho-noho .interika-soho-noho .sn-footer a:hover{color:var(--sn-accent)}
@media(max-width:799px){#project-soho-noho .interika-soho-noho{padding:22px 0 0}#project-soho-noho .interika-soho-noho .sn-gallery-hint{text-align:left}#project-soho-noho .interika-soho-noho .sn-footer>a{display:inline-block;margin-top:12px}}


/* Keep the horizontal bedroom view uncropped in the same editorial grid. */
#project-soho-noho .interika-soho-noho .sn-wide{max-width:920px;margin:0 auto 64px}
#project-soho-noho .interika-soho-noho .sn-focus+.sn-pair{margin-top:78px}
#project-soho-noho .interika-soho-noho .sn-section .sn-finale{margin-top:78px;margin-bottom:0}
@media(max-width:799px){#project-soho-noho .interika-soho-noho .sn-wide{margin-bottom:32px}#project-soho-noho .interika-soho-noho .sn-focus+.sn-pair,#project-soho-noho .interika-soho-noho .sn-section .sn-finale{margin-top:38px}}
@media(max-width:380px){body:has(#project-soho-noho) .project-site-header{flex-wrap:wrap;gap:12px}body:has(#project-soho-noho) .project-site-nav{width:100%;justify-content:space-between}}
