/* Approved cinematic homepage. Scoped to preserve other pages and intro. */
.cinematic-home{--paper:#f6f4f1;--bronze:#9b7960;background:var(--paper)}
.cinematic-home>.wrap{width:100%;max-width:none;background:#151714;padding:0 5%}
.cinematic-home .header{height:105px;max-width:1600px;margin:auto;color:#f6f4f1}
.cinematic-home .header .official-wordmark{width:280px;position:relative}
.cinematic-home .header .official-wordmark img{filter:brightness(0) saturate(100%) invert(58%) sepia(19%) saturate(651%) hue-rotate(343deg) brightness(86%) contrast(86%)}
.cinematic-home .nav{font-size:12px;letter-spacing:.035em;gap:26px;text-transform:none}.cinematic-home .nav .contact-link{border:0;padding:10px 0;margin:0}.cinematic-home .nav a:hover{color:#c9ab92}.cinematic-home .menu{color:#f6f4f1}
.cinematic-home .cinematic-hero{height:calc(100svh - 105px);min-height:670px;max-height:1100px;background:#242b21}
.cinematic-home .hero-photo{object-position:50% 46%}
.cinematic-home .hero-shade{background:linear-gradient(90deg,rgba(10,15,10,.55),rgba(10,15,10,.13) 66%,rgba(10,15,10,.06)),linear-gradient(0deg,rgba(10,15,10,.4),transparent 65%)}
.cinematic-home .hero-content{width:90%;max-width:1600px;padding:100px 0 60px;align-items:flex-start;justify-content:flex-end}
.cinematic-home .hero-content .eyebrow{font-size:12px;letter-spacing:.19em;margin:0 0 18px;color:#fff}
.cinematic-home .hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,5.7vw,92px);line-height:1.06;letter-spacing:-.055em;font-weight:400;max-width:950px;margin:0 0 32px;text-wrap:balance}
.cinematic-home .cinematic-button{background:#94735b;color:white;border:0;min-height:50px;padding:14px 25px;font-size:14px;text-transform:none;letter-spacing:0;gap:28px}.cinematic-home .cinematic-button:hover{background:#795b46}
.cinematic-services{padding:65px 0 45px}.cinematic-section-label{display:flex;align-items:center;gap:25px;margin-bottom:28px}.cinematic-section-label h2{font:500 12px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.2em;margin:0;white-space:nowrap}.cinematic-section-label>span{height:1px;background:#bca48f;flex:1}
.cinematic-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.cinematic-service{display:block;min-width:0}.concept-photo{width:100%;aspect-ratio:144/162;background-image:url('/assets/cinematic-approved-board.png');background-repeat:no-repeat;background-size:1066.666667% 632.098765%;background-position-y:84.454756%}
.decorative-photo{background-position-x:14.798851%}.architectural-photo{background-position-x:3.376437%}.specialty-photo{background-image:url('/assets/specialty-gloss-door.jpg');background-size:cover;background-position:65% 50%}
.cinematic-service h3{font:400 clamp(28px,3vw,44px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:20px 0 10px}.cinematic-service p{font-size:12px;letter-spacing:.09em;text-transform:uppercase;margin:0;line-height:1.7;color:#605c54}.cinematic-card-line{display:block;width:32px;height:1px;background:#a98c73;margin-top:24px;transition:width .25s}.cinematic-service:hover .cinematic-card-line{width:65px}.cinematic-photo-note{font-size:12px;color:#6c675e;margin:25px 0 0}.cinematic-photo-note a{text-decoration:underline;text-underline-offset:3px}
.cinematic-care{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;padding:70px 0 105px}.cinematic-care figure{margin:0}.cinematic-care img{width:100%;height:auto}.cinematic-care figcaption{font-size:12px;color:var(--muted);margin-top:10px}.cinematic-care h2{font:400 clamp(42px,4.5vw,70px)/1.06 Georgia,serif;letter-spacing:-.045em;margin:20px 0 25px}.cinematic-care>div>p:not(.eyebrow){max-width:390px;color:var(--muted)}
.cinematic-home .client-voices{background:#252725;color:#f6f4f1;padding:75px 0}.cinematic-home .client-voices .eyebrow{color:#ccb49e}.cinematic-home .voices-heading{margin:15px 0 30px}.cinematic-home .voices-heading h2{font:400 clamp(36px,4vw,56px)/1.1 Georgia,serif;letter-spacing:-.04em}.cinematic-home .voices-grid.review-carousel{min-height:210px;max-width:900px}.cinematic-home .voices-grid blockquote{font-size:clamp(25px,3vw,38px);color:#f6f4f1}.cinematic-home .voices-grid figcaption,.cinematic-home .voices-grid figcaption span{color:#d2c2af}.cinematic-home .quiet-button{color:#f6f4f1;border-color:#787c71}.cinematic-home .review-controls{gap:24px}.cinematic-home .partners{padding:60px 0}.cinematic-home .partners>.eyebrow{text-align:center}.cinematic-home .partner-grid{margin-top:30px;gap:30px}
.cinematic-origin{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:65px 0 85px}.cinematic-origin img{mix-blend-mode:multiply}.cinematic-origin h2{font:400 48px/1.1 Georgia,serif;letter-spacing:-.04em;margin:15px 0 24px}.cinematic-origin p:not(.eyebrow){max-width:420px;color:var(--muted)}
.cinematic-home .cta{background:#dbd2cb}.cinematic-home .cta h2{font-family:Georgia,serif;letter-spacing:-.05em}.cinematic-credits{padding:25px 0;font-size:12px;color:#6b675f}.cinematic-credits summary{cursor:pointer}.cinematic-credits p{max-width:900px;margin:15px 0}.cinematic-credits a{text-decoration:underline}.cinematic-home .footer{border-top:1px solid var(--line)}
@media(max-width:1000px){.cinematic-home .header{height:95px}.cinematic-home .nav{top:95px;left:-5.6%;right:-5.6%;background:#151714;border-color:#44483f;padding:20px 6%;font-size:16px}.cinematic-home .cinematic-hero{height:calc(100svh - 95px);min-height:650px}.cinematic-home .hero h1{font-size:clamp(52px,7vw,78px)}.cinematic-service-grid{gap:22px}}
@media(max-width:700px){.cinematic-home .header{height:85px}.cinematic-home .header .official-wordmark{width:min(240px,calc(100vw - 115px))}.cinematic-home .nav{top:85px}.cinematic-home .cinematic-hero{height:calc(100svh - 85px);min-height:620px;max-height:900px}.cinematic-home .hero-photo{object-position:50% 50%}.cinematic-home .hero-content{padding:70px 0 38px;width:89%}.cinematic-home .hero h1{font-size:clamp(43px,10.6vw,70px);line-height:1.08;margin-bottom:26px}.cinematic-home .hero-content .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:14px}.cinematic-services{padding:38px 0 25px}.cinematic-section-label{margin-bottom:20px}.cinematic-service-grid{gap:13px}.cinematic-service h3{font-size:clamp(18px,4.6vw,30px);margin:14px 0 10px}.cinematic-service p{font-size:12px;letter-spacing:0;text-transform:none;line-height:1.5}.cinematic-card-line{margin-top:15px}.cinematic-care{grid-template-columns:1fr;gap:32px;padding:45px 0 65px}.cinematic-care h2{font-size:46px}.cinematic-home .client-voices{padding:55px 0}.cinematic-home .voices-grid.review-carousel{min-height:290px}.cinematic-home .partners{padding:45px 0}.cinematic-origin{grid-template-columns:1fr;gap:30px;padding:30px 0 65px}.cinematic-origin img{max-width:350px}.cinematic-origin h2{font-size:42px}}
@media(max-width:370px){.cinematic-service-grid{grid-template-columns:1fr;gap:30px}.concept-photo{max-width:260px}.cinematic-service h3{font-size:30px}.cinematic-service p{font-size:14px}.cinematic-home .hero h1{font-size:40px}}

/* A feathered veil softens the furniture immediately behind the headline. */
.cinematic-home .hero-headline{position:relative;max-width:100%;margin:0 0 32px}
.cinematic-home .hero-headline::before{content:'';position:absolute;inset:-45px -65px;pointer-events:none;background:rgba(12,19,12,.3);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,transparent 73%);mask-image:radial-gradient(ellipse at center,#000 38%,transparent 73%)}
.cinematic-home .hero-headline h1{position:relative;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.2)}
@media(max-width:700px){.cinematic-home .hero-headline{margin-bottom:26px}.cinematic-home .hero-headline::before{inset:-35px -35px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}}

/* Direct path from the pillars to the complete service offering. */
.pillar-services-link{display:flex;justify-content:flex-start;margin-top:38px}
@media(max-width:700px){.pillar-services-link{margin-top:30px}}

/* Equal-height pillar copy areas place each accent on the same baseline. */
.cinematic-service{display:flex;flex-direction:column}.cinematic-service .concept-photo{flex-shrink:0}.cinematic-service p{flex:1;text-transform:none;letter-spacing:0;font-size:14px;line-height:1.5}.cinematic-card-line{flex-shrink:0}
/* Preserve the supplied shoreline mark’s intrinsic proportions. */
.cinematic-origin img{display:block;width:100%;height:auto;aspect-ratio:1536 / 549;object-fit:contain;min-width:0;justify-self:center}

/* A fixed photograph and original mark share one coordinate system. */
.cinematic-services{padding-bottom:100px}
.shore-origin{background:#e9e4de;padding:0 0 100px}
.shore-reveal{position:relative;width:100%;max-width:1700px;margin:0 auto;isolation:isolate;overflow:hidden;background:#bfc7c7}
.shore-scene{display:block;width:100%;height:auto;aspect-ratio:1536/900}
.shore-divider{position:absolute;top:0;bottom:0;left:clamp(23px,var(--reveal),calc(100% - 23px));width:1px;background:rgba(255,255,255,.85);pointer-events:none;box-shadow:0 0 8px #0002}
.shore-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#94735b;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font:24px/1 Georgia,serif;box-shadow:0 3px 15px #0002;border:1px solid #e9e4de}
.shore-divider i{height:15px;width:1px;background:#ffffff80}
.shore-range{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;-webkit-appearance:none;background:transparent;border:0}
.shore-range::-webkit-slider-thumb{-webkit-appearance:none;width:1px;height:46px;background:transparent;border:0}
.shore-range::-moz-range-thumb{width:1px;height:46px;background:transparent;border:0}
.shore-reveal:focus-within{outline:3px solid #94735b;outline-offset:5px}
.shore-reveal:focus-within .shore-divider span{outline:3px solid white;outline-offset:3px}
.shore-caption{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font-size:13px;color:#635b52}
.shore-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:85px}
.shore-story h2{font:400 clamp(38px,4.5vw,66px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:22px 0 0}
.shore-story .eyebrow{margin:0}
.shore-copy p{font-size:17px;line-height:1.8;color:#605c54;max-width:540px;margin:0 0 22px}
.shore-copy .cinematic-button{margin-top:12px}
@media(min-width:1700px){.shore-reveal{margin-top:0}}
@media(max-width:700px){.cinematic-services{padding-bottom:65px}.shore-origin{padding-bottom:65px}.shore-caption{font-size:12px;gap:10px;align-items:flex-start}.shore-caption span:last-child{text-align:right;max-width:175px}.shore-story{grid-template-columns:1fr;gap:28px;padding-top:50px}.shore-story h2{font-size:42px;margin-top:16px}.shore-copy p{font-size:16px;line-height:1.75}.shore-divider span{width:44px;height:44px}}

/* Direct manipulation across the photograph, including the visible handle. */
.shore-reveal{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}
.shore-scene{pointer-events:none}
.shore-divider{pointer-events:auto;outline:none;z-index:2}
.shore-divider span{cursor:ew-resize;touch-action:none}
.pillar-description span{display:block}

/* Quiet controls; focus emphasis belongs to keyboard navigation only. */
.shore-reveal:focus-within{outline:none}
.shore-reveal:focus-within .shore-divider span{outline:none}
.shore-divider{background:rgba(255,255,255,.55);box-shadow:none}
.shore-divider span{width:34px;height:34px;font-size:20px;gap:5px;background:#94735be8;border:1px solid #ffffffb3;box-shadow:0 2px 7px #0002}
.shore-divider::before{content:'';position:absolute;top:50%;left:50%;width:48px;height:64px;transform:translate(-50%,-50%);touch-action:none}
.shore-divider:focus-visible span{outline:2px solid #fff;outline-offset:3px}

/* Inset the interaction away from browser edge gestures; keep controls below art. */
.shore-reveal{width:calc(100% - 80px);max-width:1200px;background:transparent;padding-bottom:48px;overflow:visible}
.shore-scene{overflow:hidden}
.shore-divider{bottom:0;background:rgba(255,255,255,.6)}
.shore-divider span{top:auto;bottom:0;transform:translateX(-50%)}
.shore-divider::before{top:auto;bottom:-7px;transform:translateX(-50%);height:48px}
.shore-caption{width:calc(100% - 80px);max-width:1200px;padding-top:18px}
@media(max-width:700px){.shore-reveal,.shore-caption{width:calc(100% - 64px)}}

/* Fade only the dividing rule at the endpoints; the control remains usable. */
.shore-divider{background:transparent}
.shore-divider::after{content:'';position:absolute;top:0;bottom:34px;left:0;width:1px;background:rgba(255,255,255,.6);opacity:var(--divider-opacity,1);pointer-events:none}
/* Restore the clean photographic boundary. */
.shore-scene{-webkit-mask-image:none;mask-image:none;clip-path:none}