/* Approved cotton opening, isolated from the rest of the page's image styles. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--paper:#eee8df;--original-paper-wash:linear-gradient(rgb(255 255 255 / 29%),rgb(255 255 255 / 29%));--original-paper-grain:url("assets/home-20261027/hero-cotton-paper.webp");--original-paper-size:768px 768px}
/* The exact image-direction cardstock, at its original scale and wash. */
body:has(.cotton-hero){background-color:var(--paper);background-image:var(--original-paper-wash),var(--original-paper-grain);background-size:var(--original-paper-size);background-repeat:repeat}
body:has(.cotton-hero)::after{display:none}
.cotton-hero{cursor:pointer;position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:100svh;min-height:550px;overflow:hidden}
.cotton-surface{position:absolute;inset:0;z-index:-1;background-color:var(--paper);background-image:var(--original-paper-wash),var(--original-paper-grain);background-size:var(--original-paper-size);background-repeat:repeat}
.cotton-surface::before,.cotton-surface::after{content:none}
.cotton-identity{display:block;width:clamp(390px,42vw,650px);max-width:calc(100vw - 48px);padding:0;border:0;background:transparent;transform:translateY(-1.3vh);cursor:pointer}
.cotton-identity .impression{display:block;width:100%;height:auto;overflow:visible}
body:has(.cotton-hero) .site-header{position:fixed;top:0;left:0;right:0;border:0;color:#62584a;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .65s,transform .65s,background-color .35s}
body.nav-revealed .site-header{opacity:1;transform:none;pointer-events:auto}
body.past-entrance .site-header{background-color:var(--paper);background-image:var(--original-paper-wash),var(--original-paper-grain);background-size:var(--original-paper-size);background-repeat:repeat;backdrop-filter:none;color:var(--ink);border-bottom:0}
body:has(.cotton-hero) .site-header .wordmark{display:flex;align-items:center;justify-content:center;width:44px;height:60px;flex:none;color:var(--wine);padding:0;line-height:0}
.site-header .header-je{display:block;width:42px;height:54px;overflow:hidden}
body:has(.cotton-hero):not(.nav-revealed) .preview-controls{visibility:hidden;opacity:0;pointer-events:none}
.preview-controls{transition:opacity .4s}
/* Client recognition and interiors share one continuous material. */
.client-proof{background-color:var(--paper);background-image:var(--original-paper-wash),var(--original-paper-grain);background-size:var(--original-paper-size);background-repeat:repeat;padding-top:42px;padding-bottom:48px}
.client-proof .eyebrow{margin-bottom:32px}
.interiors.interiors-overlay{background-color:var(--paper);background-image:var(--original-paper-wash),var(--original-paper-grain);background-size:var(--original-paper-size);background-repeat:repeat;padding-top:0}
.interiors-overlay .interior-aperture{height:clamp(620px,53vw,850px);isolation:isolate}
.interiors-overlay .interior-aperture::after{inset:0;background:linear-gradient(90deg,#151b21ad 0%,#151b2140 42%,transparent 74%),linear-gradient(0deg,#151b2159,transparent 55%);z-index:1}
.interiors-overlay .interiors-heading{position:absolute;z-index:2;left:0;right:0;bottom:76px;display:block;padding:0 clamp(32px,5vw,88px);color:#fffdf7;pointer-events:none}
.interiors-overlay .interiors-heading>.eyebrow{font-size:12px;letter-spacing:.08em;margin:0 0 28px}
.interiors-overlay h2{font-size:clamp(60px,6.4vw,100px);line-height:.99;letter-spacing:-.035em;margin:0 0 28px;max-width:700px}
.interiors-overlay .interiors-summary{padding:0;max-width:340px;pointer-events:auto}
.interiors-overlay .interiors-summary p{font-size:15px;line-height:1.7;max-width:325px;margin:0 0 24px;color:#f4f1eb}
.interiors-overlay .text-link{font-size:13px}
.interiors-overlay .interior-caption{z-index:3;left:auto;right:clamp(32px,5vw,88px);bottom:32px;gap:25px;color:#fffdf7;font-size:11px}
.interiors-overlay .interior-caption span:last-child{font-size:25px}
@media(max-width:900px){.interiors-overlay h2{font-size:70px}.interiors-overlay .interiors-heading{bottom:70px}}
@media(max-width:650px){
 .cotton-identity{width:calc(100vw - 52px)}
 body:has(.cotton-hero) .site-header{height:76px;gap:14px}
 body:has(.cotton-hero) .site-header .wordmark{font-size:20px;white-space:nowrap}
 .site-header .header-je{width:34px;height:44px}
 body:has(.cotton-hero) .site-header nav{gap:15px;font-size:11px}
 body:has(.cotton-hero) .site-header nav a:nth-child(3){display:block}
 .client-proof{padding-top:32px;padding-bottom:36px}
 .client-proof .eyebrow{margin-bottom:28px}
 .interiors-overlay .interior-aperture{height:650px;min-height:0}
 .interiors-overlay .interior-image{object-position:58% center}
 .interiors-overlay .interior-aperture::after{background:linear-gradient(0deg,#151b21bf 0%,#151b2159 62%,#151b2114 100%)}
 .interiors-overlay .interiors-heading{bottom:90px;padding:0 26px}
 .interiors-overlay .interiors-heading>.eyebrow{font-size:10px;margin-bottom:25px}
 .interiors-overlay h2{font-size:clamp(46px,13.2vw,65px);margin-bottom:24px}
 .interiors-overlay .interiors-summary p{font-size:14px;max-width:270px;margin-bottom:22px}
 .interiors-overlay .text-link{font-size:12px;gap:30px}
 .interiors-overlay .interior-caption{left:26px;right:26px;bottom:26px;justify-content:space-between;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.site-header,.preview-controls{transition:none!important}}
@media(max-width:380px){body:has(.cotton-hero) .site-header{padding:0 20px;gap:12px}body:has(.cotton-hero) .site-header .wordmark{font-size:18px}body:has(.cotton-hero) .site-header nav{gap:12px;font-size:10px}}

.anchor-alias{position:absolute;left:0;top:0}.motion-control{font:inherit;line-height:1.5;background:none;border:0;padding:0;color:inherit;cursor:pointer;text-align:left}.motion-control:hover{text-decoration:underline;text-underline-offset:5px}.motion-control[hidden]{display:none}
.press-page,.press-page .site-header{background-color:var(--paper);background-image:var(--original-paper-wash),var(--original-paper-grain);background-size:var(--original-paper-size);background-repeat:repeat}.press-page::after{display:none}.press-page .wordmark{display:flex;align-items:center;justify-content:center;width:44px;height:60px;flex:none;color:var(--wine);padding:0;line-height:0}