/* Additional pages share the original site's typography, palette and controls. */
.mobile-navigation{display:none}.header nav{gap:22px}.header-inner{gap:20px}.header nav a{white-space:nowrap}.header .small{gap:12px}.breadcrumbs{padding-top:24px;font-size:11px;color:var(--muted)}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.service-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;padding-block:54px 72px}.service-hero h1{font-size:clamp(52px,5vw,76px)}.service-hero .lead,.portfolio-intro .lead{font-size:17px;max-width:530px;margin-top:26px}.rhyme{font:italic 30px/1.22 var(--serif);color:#6b7f6e;margin-top:24px}.catalog-photo,.service-real{margin:0;min-width:0}.catalog-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#ecebe5}.service-real img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.catalog-photo figcaption,.service-real figcaption{font-size:10px;letter-spacing:.7px;padding:13px 16px;background:#e9e6dd;line-height:1.6}.catalog-photo figcaption span{display:block;font-size:11px;letter-spacing:0;color:var(--muted)}.service-explore{display:block;font-size:12px;font-weight:600;margin-top:15px}.service-list>a:hover .service-explore{text-decoration:underline;text-underline-offset:4px}.process-grid{grid-template-columns:repeat(4,1fr);gap:30px}.cta-band{background:var(--sage);border-block:1px solid var(--line)}.cta-band>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{font-size:clamp(39px,4vw,58px)}.cta-band p:not(.eyebrow){max-width:530px;font-size:14px;margin-top:20px}.cta-band .button{flex-shrink:0}.contact-section h1{font-size:clamp(50px,5vw,70px)}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.option-grid article{padding-top:22px;border-top:1px solid var(--line)}.option-number{display:block;font-size:11px;letter-spacing:1px;color:#6b7f6e;margin-bottom:18px}.option-grid h3{margin-bottom:12px}.option-grid p,.comparison p,.finish-grid p,.hardware-grid p{font-size:14px}.option-grid.four{grid-template-columns:repeat(4,1fr);margin-top:30px}.sage{background:var(--sage)}.section-intro{max-width:680px;margin:22px 0 32px;font-size:15px}.real-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.real-pair img{height:440px;object-fit:cover}.finish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:34px}.finish-grid h3,.hardware-grid h3{margin:20px 0 10px}.finish-sample{height:150px;border:1px solid #d0d0c5}.finish-sample.white{background:#eeeae0}.finish-sample.wood{background:repeating-linear-gradient(92deg,#bd9670 0,#bc9369 8px,#c5a17b 9px,#c5a17b 14px,#cba680 17px)}.finish-sample.gray{background:#929995}.finish-sample.two-tone{background:linear-gradient(to right,#ebe7df 50%,#304a5b 50%)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:30px;margin-top:40px}.comparison.three{grid-template-columns:repeat(3,1fr)}.comparison h3{margin-bottom:12px}.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.hardware-demo{height:130px;display:grid;place-items:center;border:1px solid #d4d9cf;background:var(--paper)}.hardware-demo span{display:block;background:linear-gradient(120deg,#c8a366,#9e733b);box-shadow:0 7px 9px #0002}.hardware-demo.knob span{width:30px;height:30px;border-radius:50%}.hardware-demo.pull span{width:120px;height:20px;border-radius:50% 50% 12% 12%;background:#353935;border-bottom:7px solid #161b18}.hardware-demo.bar span{width:120px;height:10px;border-radius:4px;background:linear-gradient(#dfdfd9,#8e918d);position:relative}.hardware-demo.bar span:before,.hardware-demo.bar span:after{content:'';position:absolute;width:9px;height:14px;top:4px;background:#969a95;z-index:0}.hardware-demo.bar span:before{left:15px}.hardware-demo.bar span:after{right:15px}.brief-note{max-width:840px;padding-block:58px}.brief-note>p{margin-top:22px;font-size:16px}.brief-note>.text-link{margin-top:26px}.portfolio-intro{padding-bottom:55px;padding-top:50px}.portfolio-section{margin-bottom:85px}.portfolio-heading{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:start;margin-bottom:28px;padding-top:28px;border-top:1px solid var(--line)}.portfolio-heading h2{font-size:clamp(35px,3.2vw,49px)}.portfolio-heading p{font-size:14px;margin-top:15px;max-width:630px}.portfolio-heading .eyebrow{padding-top:10px}.portfolio-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.portfolio-photo{display:block;position:relative;overflow:hidden;background:#e9e6dd;min-width:0}.portfolio-photo img{width:100%;height:100%;object-fit:cover}.portfolio-photo>span{position:absolute;right:12px;bottom:12px;padding:6px 12px;background:#f7f5f0ee;font-size:11px}.portfolio-grid.count-3{grid-template-rows:240px 240px}.portfolio-grid.count-3 .portfolio-photo:first-child{grid-row:span 2}.portfolio-grid.count-2{grid-template-columns:1fr 1fr}.portfolio-grid.count-2 .portfolio-photo{height:540px}.portfolio-grid .portrait img{object-fit:contain}.portfolio-section:nth-of-type(even) .portfolio-grid.count-3{grid-template-columns:1fr 1.35fr}.portfolio-section:nth-of-type(even) .portfolio-grid.count-3 .portfolio-photo:first-child{grid-column:2;grid-row:1 / span 2}.portfolio-links{padding-bottom:60px}.project-caption p{max-width:320px}.gallery .project:first-child .project-image img{transform:none}.gallery .project-image img{object-position:center}.gallery .project:nth-child(2) .project-image img{object-position:center 35%}.compact-options{padding-top:10px}.options+.options{padding-top:0}
@media(max-width:1150px){.header nav{gap:14px;font-size:12px}.brand-name{font-size:22px}.service-hero{gap:35px}.option-grid.four{grid-template-columns:repeat(2,1fr)}.portfolio-grid.count-3{grid-template-rows:210px 210px}.portfolio-grid.count-2 .portfolio-photo{height:450px}}
@media(max-width:1000px){html{scroll-padding-top:140px}.header-inner nav{display:none}.mobile-navigation{display:block;padding-bottom:8px}.mobile-navigation>button{font-size:12px;color:var(--ink);border:0;background:transparent;padding:6px 0;display:flex;gap:12px;align-items:center;min-height:32px}.header .mobile-navigation nav{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:12px 0;font-size:12px}.header .mobile-navigation nav[hidden]{display:none}.service-hero{gap:28px}.service-hero h1{font-size:58px}.process-grid{grid-template-columns:repeat(2,1fr)}.portfolio-heading{grid-template-columns:100px 1fr}.option-grid{gap:24px}.real-pair img{height:350px}.catalog-photo figcaption{padding:10px}.portfolio-grid.count-3{grid-template-rows:190px 190px}}
@media(max-width:700px){.service-hero{grid-template-columns:1fr;padding-block:35px 45px;gap:30px}.service-hero h1{font-size:57px}.service-hero .lead{font-size:15px}.rhyme{font-size:27px}.catalog-photo img{aspect-ratio:3/2}.service-real img{aspect-ratio:3/2}.option-grid,.option-grid.four{grid-template-columns:1fr 1fr;gap:28px 22px}.comparison,.comparison.three{grid-template-columns:1fr;gap:24px}.cta-band>.wrap{flex-direction:column;align-items:flex-start;gap:25px}.finish-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.finish-sample{height:110px}.hardware-grid{gap:12px}.hardware-grid h3{font-size:17px}.hardware-grid p{font-size:12px}.hardware-demo{height:100px}.hardware-demo.pull span,.hardware-demo.bar span{width:70px}.portfolio-intro h1{font-size:56px}.portfolio-intro .lead{font-size:15px}.portfolio-heading{grid-template-columns:1fr;gap:0}.portfolio-heading .eyebrow{margin-bottom:12px}.portfolio-section{margin-bottom:50px}.portfolio-grid,.portfolio-grid.count-2,.portfolio-section:nth-of-type(even) .portfolio-grid.count-3{grid-template-columns:1fr;grid-template-rows:none;gap:14px}.portfolio-grid.count-3 .portfolio-photo:first-child,.portfolio-section:nth-of-type(even) .portfolio-grid.count-3 .portfolio-photo:first-child{grid-column:auto;grid-row:auto}.portfolio-grid .portfolio-photo,.portfolio-grid.count-2 .portfolio-photo{height:auto;aspect-ratio:4/3}.portfolio-grid .portrait{aspect-ratio:4/5}.portfolio-grid .portrait img{object-fit:cover}.real-pair{grid-template-columns:1fr;gap:18px}.real-pair img{height:auto;aspect-ratio:4/3}.real-pair .portrait img{aspect-ratio:4/5}.brief-note{padding-block:40px}.header .small{font-size:10px;padding:10px;gap:6px;max-width:139px}.header .small span{display:none}.section .catalog-photo{margin-top:25px}}
@media(max-width:400px){.brand-name{font-size:17px}.header .small{max-width:106px;font-size:9px}.header .mobile-navigation nav{grid-template-columns:1fr 1fr;gap:16px}.option-grid,.option-grid.four{grid-template-columns:1fr}.service-hero h1{font-size:49px}.hardware-grid{grid-template-columns:1fr}.hardware-demo{height:90px}.portfolio-intro h1{font-size:49px}}

/* Portrait supporting photos stay large instead of becoming narrow thumbnails. */
#gray-shaker .portfolio-grid.count-3{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
#gray-shaker .portfolio-grid.count-3 .portfolio-photo:first-child{grid-column:1 / -1;grid-row:auto;aspect-ratio:2}
#gray-shaker .portfolio-grid .portfolio-photo:not(:first-child){height:auto;aspect-ratio:4/5}
#gray-shaker .portfolio-grid .portfolio-photo img{object-fit:cover}
@media(max-width:700px){#gray-shaker .portfolio-grid.count-3{grid-template-columns:1fr}#gray-shaker .portfolio-grid.count-3 .portfolio-photo:first-child{aspect-ratio:4/3}.process-grid{grid-template-columns:1fr}.contact-section .form-top h3{font-size:27px}}

/* Room illustrations and a hero stamp that stays within the photograph. */
.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px}.example-grid h3{margin:20px 0 10px}.example-grid p{font-size:14px;max-width:560px}.room-examples .catalog-photo{margin-top:0}.example-grid:has(>article:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-photo figcaption{font-size:11px;letter-spacing:0;color:var(--muted)}
.hero-frame{position:relative}.hero-photo .hero-frame .photo-tag{display:block;position:absolute;right:18px;bottom:20px;max-width:calc(100% - 36px);padding:16px 22px;background:#f7f5f0;transform:rotate(-3deg);border:1px solid #e6e2d8;font-size:28px;line-height:1.18;z-index:1}.hero-photo .hero-frame .photo-tag br{display:block}.hero-photo .hero-frame .photo-tag i::before{content:none}
@media(max-width:1000px){.example-grid:has(>article:nth-child(3)){grid-template-columns:1fr}.example-grid:has(>article:nth-child(3)) .catalog-photo img{max-height:480px;object-fit:contain;background:#ecebe5}.hero-photo .hero-frame .photo-tag{font-size:25px}}
@media(max-width:700px){.example-grid{grid-template-columns:1fr;gap:30px}.hero-photo .hero-frame .photo-tag{font-size:23px;right:12px;bottom:14px;padding:12px 16px;max-width:calc(100% - 24px)}}
@media(max-width:360px){.hero-photo .hero-frame .photo-tag{font-size:20px;padding:10px 13px}}

/* The hero lettering is part of the image; show the entire composition at every width. */
.hero-photo .hero-frame>img{height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;transform:none}