.decoration-hero .service-hero-art img { object-position: center; }
.decoration-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,500px); gap:9vw; padding:108px 5.5vw 102px; background:var(--service-white); }
.decoration-intro h2,.decoration-section-heading h2,.decoration-sample h2 { font-family:var(--service-serif); font-size:clamp(43px,5vw,76px); font-weight:400; letter-spacing:-.06em; line-height:.94; }
.decoration-intro h2 em,.decoration-section-heading h2 em,.decoration-sample h2 em { color:var(--service-ochre); font-style:italic; font-weight:400; }
.decoration-intro > p { max-width:500px; align-self:end; color:var(--service-slate); font-size:16px; line-height:1.75; }
.decoration-selector { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--service-line); border-bottom:1px solid var(--service-line); margin:0 5.5%; }
.decoration-selector article { min-height:260px; padding:35px 28px 30px; border-left:1px solid var(--service-line); }
.decoration-selector article:first-child { border-left:0; }
.decoration-selector span { display:block; position:relative; width:max-content; margin-bottom:48px; padding-bottom:15px; color:var(--service-ochre); font-family:var(--service-serif); font-size:clamp(34px,3vw,54px); font-weight:400; letter-spacing:-.06em; line-height:.78; }
.decoration-selector span::after { position:absolute; right:0; bottom:0; width:30px; height:1px; background:currentColor; content:""; }
.decoration-selector h3 { margin-bottom:12px; font-family:var(--service-serif); font-size:29px; font-weight:400; letter-spacing:-.04em; }
.decoration-selector p { color:var(--service-slate); font-size:13px; line-height:1.6; }
.decoration-workflow { padding:120px 5.5vw 124px; background:var(--service-deep); color:var(--service-paper); }
.decoration-workflow-heading { display:grid; grid-template-columns:1fr minmax(260px,390px); gap:10vw; align-items:end; margin-bottom:67px; }
.decoration-workflow .service-eyebrow { color:#d8c18a; }
.decoration-workflow h2 { font-family:var(--service-serif); font-size:clamp(43px,5vw,76px); font-weight:400; letter-spacing:-.06em; line-height:.94; }
.decoration-workflow h2 em { color:#d8b16a; font-style:italic; font-weight:400; }
.decoration-workflow-heading > p { max-width:360px; color:#bdc6bf; font-size:14px; line-height:1.65; }
.decoration-workflow-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(243,240,232,.3); }
.decoration-workflow-grid article { display:grid; grid-template-rows:auto 1fr; gap:50px; min-height:260px; padding:23px 25px 0 0; border-right:1px solid rgba(243,240,232,.3); }
.decoration-workflow-grid article:not(:first-child) { padding-left:25px; }
.decoration-workflow-grid article:last-child { border-right:0; }
.decoration-step-number { position:relative; display:block; width:max-content; color:transparent; background:linear-gradient(135deg,#d7bd7e 0 45%,rgba(215,189,126,.28) 45% 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-stroke:1px rgba(215,189,126,.72); font-family:var(--service-serif); font-size:clamp(58px,7vw,96px); font-style:italic; letter-spacing:-.12em; line-height:.8; text-shadow:8px 8px 0 rgba(215,189,126,.08); transform:translateX(-3px); }
.decoration-step-number::after { position:absolute; right:-22px; bottom:1px; width:42px; height:1px; background:rgba(215,189,126,.75); content:""; transform:rotate(-8deg); transform-origin:left center; }
.decoration-workflow-grid h3 { margin-bottom:12px; font-size:14px; letter-spacing:.05em; text-transform:uppercase; }
.decoration-workflow-grid p { max-width:215px; color:#bdc6bf; font-size:13px; line-height:1.55; }
.decoration-methods-section { padding:124px 5.5vw; }
.decoration-section-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,430px); gap:9vw; align-items:end; margin-bottom:72px; }
.decoration-section-heading > p { max-width:420px; color:var(--service-slate); font-size:14px; line-height:1.7; }
.method-directory { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--service-line); border-left:1px solid var(--service-line); background:var(--service-white); }
.method-directory article { min-width:0; min-height:0; padding:24px 20px 22px; border-right:1px solid var(--service-line); border-bottom:1px solid var(--service-line); }
.method-art { position:relative; max-width:100%; aspect-ratio:1; margin:0 0 20px; padding:0; overflow:hidden; }
.method-art img { display:block; width:100%; max-width:100%; height:100%; object-fit:contain; }
.method-art.is-process figcaption { position:absolute; right:10px; bottom:10px; padding:6px 8px; color:var(--service-paper); background:rgba(23,39,36,.82); font-family:var(--service-mono); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.method-directory h4 { margin:0 0 14px; font-size:18px; line-height:1.3; }
.method-directory p { min-height:112px; margin:0; color:var(--service-slate); font-size:15px; line-height:1.62; }
.method-directory ul { margin:18px 0 0; padding:12px 0 0; border-top:1px solid var(--service-line); list-style:none; }
.method-directory li { position:relative; padding:0 0 7px 15px; color:var(--service-moss); font-size:12px; line-height:1.5; }
.method-directory li::before { position:absolute; left:0; color:var(--service-ochre); content:"/"; }
.decoration-sample { display:grid; grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr); gap:8vw; padding:102px 5.5vw; background:var(--service-moss); color:var(--service-paper); }
.decoration-sample .service-eyebrow { color:#e0c789; }
.decoration-sample > div:last-child > p { max-width:580px; font-size:17px; line-height:1.7; }
.sample-checks { display:flex; flex-wrap:wrap; gap:10px; margin-top:35px; }
.sample-checks span { padding:9px 12px; border:1px solid rgba(255,253,248,.36); font-family:var(--service-mono); font-size:10px; letter-spacing:.05em; text-transform:uppercase; }
@media (max-width:900px) { .decoration-selector { grid-template-columns:repeat(2,1fr); } .decoration-selector article:nth-child(3) { border-left:0; border-top:1px solid var(--service-line); } .decoration-selector article:nth-child(4) { border-top:1px solid var(--service-line); } .decoration-workflow-heading { grid-template-columns:1fr; gap:25px; } .decoration-workflow-grid { grid-template-columns:repeat(2,1fr); } .decoration-workflow-grid article:nth-child(2) { border-right:0; } .decoration-workflow-grid article:nth-child(n+3) { padding-top:23px; border-top:1px solid rgba(243,240,232,.3); } .method-directory { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .decoration-intro,.decoration-section-heading,.decoration-sample { grid-template-columns:1fr; gap:30px; padding-top:72px; padding-bottom:72px; } .decoration-selector { grid-template-columns:1fr; margin:0 5.5%; } .decoration-selector article,.decoration-selector article:nth-child(3),.decoration-selector article:nth-child(4) { min-height:0; padding:25px 0; border:0; border-top:1px solid var(--service-line); } .decoration-selector article:first-child { border-top:0; } .decoration-selector span { margin-bottom:22px; font-size:40px; } .decoration-workflow { padding:78px 5vw; } .decoration-workflow-grid { grid-template-columns:1fr; } .decoration-workflow-grid article,.decoration-workflow-grid article:not(:first-child) { min-height:0; padding:22px 0; border-right:0; border-top:0; } .decoration-workflow-grid article:not(:last-child) { border-bottom:1px solid rgba(243,240,232,.3); } .decoration-step-number { font-size:72px; } .decoration-step-number::after { right:-18px; width:34px; } .decoration-methods-section { padding-top:78px; padding-bottom:78px; } .decoration-section-heading { margin-bottom:42px; } .method-directory { grid-template-columns:1fr; border-left:0; } .method-directory article { min-height:0; padding:25px 22px; border-right:0; } .method-directory p { min-height:0; } .method-art { margin:0 0 22px; padding:0; } .decoration-sample > div:last-child > p { font-size:15px; } }