.rendering-page .hero{min-height:715px;background:#eee0cc}.rendering-page .hero-copy{width:47%;max-width:615px}.rendering-page .hero h1{font-size:clamp(52px,4.4vw,70px);max-width:590px}.rendering-page .hero-intro{max-width:370px}.rendering-hero:after{background:linear-gradient(90deg,#efdfcbaa,#efdfcb55 35%,transparent 53%)}.rendering-page .hero-image{object-position:65% center}.rendering-gallery{background:var(--navy);color:var(--ivory)}.rendering-gallery h2{font-size:clamp(43px,4vw,64px)}.gallery-intro{font:500 25px/1.3 var(--serif);max-width:70ch;margin-top:15px}.rendering-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px;padding-top:28px;border-top:1px solid var(--sand)}.render-frame{aspect-ratio:1.35;overflow:hidden;position:relative}.render-frame img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.exterior-frame img{width:180%;max-width:none;object-position:right center;transform:translateX(-44%)}.rendering-gallery-grid figure:hover .render-frame img{transform:scale(1.035)}.rendering-gallery-grid figure:hover .exterior-frame img{transform:translateX(-44%) scale(1.035)}.rendering-gallery-grid figcaption{padding:20px 12px 0 0}.rendering-gallery-grid h3{font-size:31px;line-height:1.1}.rendering-gallery-grid h3 span{color:#d4b789}.rendering-gallery-grid figcaption p{font:500 italic 21px/1.3 var(--serif);margin-top:8px}.gallery-context{font-size:13px;line-height:1.8;color:#ced7dd;max-width:100ch;margin-top:30px}.brief-composition{display:grid;grid-template-columns:.85fr 1.65fr;gap:35px;align-items:start}.visual-brief-copy h2{font-size:clamp(44px,4vw,62px);line-height:1}.visual-brief-copy p{font:500 24px/1.3 var(--serif);margin-top:23px;max-width:26ch}.render-comparison{display:flex;align-items:flex-start;min-width:0;padding-bottom:50px}.render-comparison figure{width:57%;flex-shrink:0;position:relative;transition:transform .7s}.render-comparison figure img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;object-position:right;border:5px solid white;box-shadow:3px 6px 13px #32271730}.render-comparison .refined-render{margin-left:-14%;transform:translateY(40px)}.render-comparison figcaption{font:500 italic 20px/1.2 var(--serif);margin-top:13px;text-align:center}.render-comparison:hover .composition-study{transform:translateY(-5px)}.render-comparison:hover .refined-render{transform:translateY(35px)}.rendering-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;padding:0 0 22px;margin:36px 0 0;border-bottom:1px solid var(--rule)}.rendering-steps li{display:flex;align-items:center;gap:23px;padding:0 25px;border-right:1px solid var(--sand)}.rendering-steps li:first-child{padding-left:0}.rendering-steps li:last-child{padding-right:0;border:0}.rendering-steps span{font:500 46px/1 var(--serif);color:#ae8d61}.rendering-steps h3{font-size:26px;line-height:1.1}.rendering-note{font:500 italic 21px/1.35 var(--serif);max-width:none;margin-top:20px}.rendering-brief>.rendering-note{text-align:center}.rendering-purpose{position:relative;isolation:isolate;overflow:hidden;min-height:405px;background:#efdfc7}.purpose-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2}.rendering-purpose:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f0e1cbe6,#f0e1cbbd 41%,transparent 69%);z-index:-1}.purpose-copy{width:65%;max-width:760px}.purpose-copy h2{font-size:clamp(40px,3.6vw,56px)}.purpose-list{list-style:none;padding:0;margin-top:15px;max-width:650px}.purpose-list li{display:flex;align-items:center;gap:22px;border-bottom:1px solid #a98b6360;padding:17px 0}.purpose-list li:last-child{border:0}.purpose-list span{font:500 36px/1 var(--serif);color:#977346;min-width:52px;border-right:1px solid #b09673}.purpose-list h3{font-size:25px;line-height:1.12}.rendering-page .related-links :is(button,a){font-size:24px}.rendering-page .faq .rendering-note{font-size:20px}.rendering-closing h2{font-size:clamp(48px,4.5vw,70px)}
@media(min-width:1700px){.rendering-page .hero{min-height:850px}.rendering-page .hero h1{font-size:80px}.rendering-page .hero-copy{max-width:700px}.rendering-page .hero-intro{max-width:440px}.rendering-steps h3{font-size:30px}}
@media(max-width:1200px){.rendering-page .hero{min-height:690px}.rendering-page .hero h1{font-size:57px}.rendering-page .hero-copy{width:52%}.rendering-gallery-grid{gap:22px}.rendering-gallery-grid h3{font-size:28px}.brief-composition{gap:24px;grid-template-columns:1fr 1.55fr}.visual-brief-copy h2{font-size:47px}.visual-brief-copy p{font-size:23px}.rendering-steps li{gap:15px;padding-inline:18px}.rendering-steps span{font-size:40px}.rendering-steps h3{font-size:24px}.purpose-copy{width:67%}.rendering-page .related-links :is(button,a){font-size:21px}}
@media(max-width:1000px){.rendering-page .hero{min-height:680px}.rendering-page .hero-copy{width:50%}.rendering-page .hero h1{font-size:clamp(54px,6.2vw,62px)}.rendering-page .hero-intro{font-size:24px}.rendering-steps li{gap:13px;padding-inline:15px}.rendering-steps h3{font-size:24px}.purpose-copy{width:66%}}
@media(max-width:700px){.rendering-page .hero{min-height:0;padding-bottom:350px}.rendering-page .hero-copy{width:100%;max-width:600px}.rendering-page .hero h1{font-size:clamp(47px,8.5vw,62px)}.rendering-page .hero-intro{max-width:440px}.rendering-page .hero-image{height:350px;object-position:right center}.rendering-hero:after{background:linear-gradient(180deg,transparent calc(100% - 350px),#eee0cc calc(100% - 350px),transparent calc(100% - 265px))}.rendering-gallery h2{font-size:43px}.gallery-intro{font-size:24px}.rendering-gallery-grid{grid-template-columns:1fr;gap:28px;margin-top:24px;padding-top:24px}.render-frame{aspect-ratio:1.28}.rendering-gallery-grid h3{font-size:29px}.rendering-gallery-grid figcaption{padding-top:16px}.gallery-context{font-size:13px;margin-top:28px}.brief-composition{grid-template-columns:1fr;gap:30px}.visual-brief-copy h2{font-size:43px}.visual-brief-copy h2 br{display:none}.visual-brief-copy h2 br:after{content:' '}.visual-brief-copy p{font-size:24px;max-width:38ch;margin-top:18px}.render-comparison{padding-bottom:40px}.render-comparison .refined-render{transform:translateY(30px)}.render-comparison:hover .refined-render{transform:translateY(25px)}.render-comparison figure img{border-width:3px;aspect-ratio:1.1}.render-comparison figcaption{font-size:17px;margin-top:10px}.rendering-steps{grid-template-columns:1fr;padding:0;margin-top:25px}.rendering-steps li,.rendering-steps li:first-child,.rendering-steps li:last-child{border-right:0;border-bottom:1px solid var(--rule);padding:17px 0;gap:24px}.rendering-steps li:last-child{border-bottom:0}.rendering-steps span{font-size:39px}.rendering-steps h3{font-size:27px}.rendering-note{font-size:20px}.rendering-page .rendering-purpose{padding-bottom:285px;min-height:0}.purpose-image{top:auto;bottom:0;height:300px;object-position:right center}.rendering-purpose:after{background:linear-gradient(180deg,transparent calc(100% - 300px),#efdfc7 calc(100% - 300px),transparent calc(100% - 200px))}.purpose-copy{width:100%;max-width:600px}.purpose-copy h2{font-size:43px}.purpose-list li{gap:18px;padding:17px 0}.purpose-list h3{font-size:25px}.purpose-list span{min-width:47px;font-size:33px}.rendering-page .related-links :is(button,a){font-size:24px}.rendering-page .faq .rendering-note{font-size:19px}.rendering-closing h2{font-size:46px}.rendering-page .breadcrumb{font-size:13px}}
@media(max-width:380px){.rendering-page .hero h1{font-size:47px}.rendering-page .hero-actions .button{font-size:10px}.rendering-gallery h2{font-size:41px}.render-comparison figcaption{font-size:16px}.rendering-closing h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.rendering-gallery-grid figure:hover .render-frame img{transform:none}.rendering-gallery-grid figure:hover .exterior-frame img{transform:translateX(-44%)}.render-comparison:hover .composition-study{transform:none}.render-comparison:hover .refined-render{transform:translateY(40px)}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.render-comparison:hover .refined-render{transform:translateY(30px)}}
