/* FutraDay showroom — three distinctly different service-page compositions.
   All rules scoped by brand; no shared generic cards. */

/* NORTHLINE: practical numbered service index, with photograph and explanatory side rail. */
.northline .nl-service-catalogue{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:clamp(35px,6vw,108px);padding:84px clamp(24px,7vw,116px) 110px;background:#efeee7;align-items:start}
.northline .nl-catalogue-intro{position:sticky;top:25px;min-width:0}
.northline .nl-catalogue-intro h2{margin:25px 0 30px;font:500 clamp(44px,4.4vw,78px)/1.03 'Playfair Display',Georgia,serif;letter-spacing:-.06em}
.northline .nl-catalogue-intro h2 em{font-weight:400;color:#987255}
.northline .nl-catalogue-intro>p{max-width:390px;font:16px/1.8 'DM Sans',Arial,sans-serif;color:#666c62}
.northline .nl-catalogue-intro figure{margin:40px 0 0;position:relative;overflow:hidden}
.northline .nl-catalogue-intro img{width:100%;height:310px;object-fit:cover;display:block;filter:saturate(.83)}
.northline .nl-catalogue-intro figcaption{background:#20342a;color:#f6eee1;padding:13px 18px;font:10px 'DM Mono',monospace;letter-spacing:.11em}
.northline .nl-catalogue-list{border-top:2px solid #25342b}
.northline .nl-catalogue-row{padding:31px 0 42px;border-bottom:1px solid #bfc3b5;display:grid;grid-template-columns:80px 1fr;gap:10px 25px}
.northline .nl-catalogue-id{color:#a57552;font:17px 'DM Mono',monospace}
.northline .nl-catalogue-id span{display:block;max-width:70px;color:#788173;font-size:9px;line-height:1.55;margin-top:6px}
.northline .nl-catalogue-body h3{font:500 clamp(30px,3vw,48px)/1.05 'Playfair Display',Georgia,serif;letter-spacing:-.055em;margin:0 0 19px}
.northline .nl-catalogue-body>p{max-width:520px;font:16px/1.73 'DM Sans',Arial,sans-serif;color:#505c52;margin:0 0 28px}
.northline .nl-catalogue-tip{display:flex;align-items:flex-start;gap:17px;padding:19px 0;border-top:1px solid #c7cbbd}
.northline .nl-catalogue-tip strong{flex:0 0 105px;font:10px/1.6 'DM Mono',monospace;color:#927355}
.northline .nl-catalogue-tip span{font:14px/1.65 'DM Sans',Arial,sans-serif;color:#5c635b}
.northline .nl-catalogue-body>a{display:flex;justify-content:space-between;align-items:center;margin-top:14px;background:#253b2e;color:#fff7e9;text-decoration:none;padding:15px 19px;font:11px 'DM Mono',monospace;letter-spacing:.07em;width:min(100%,340px)}
.northline .nl-catalogue-body>a:hover{background:#3e5b44}
.northline .nl-home-service-index{display:flex;flex-direction:column;gap:0;background:transparent!important}
.northline .nl-home-service-index .nl-service-card{width:100%;min-height:0;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:10px 22px;border-left:0;border-right:0;border-top:1px solid #bcbfb3;padding:18px 12px;background:transparent}
.northline .nl-home-service-index .nl-service-card .service-card-top{grid-column:1;grid-row:1 / span 2}
.northline .nl-home-service-index .nl-service-card h3{grid-column:2;grid-row:1;font-size:clamp(22px,2vw,32px);margin:0}
.northline .nl-home-service-index .nl-service-card p{grid-column:2;grid-row:2;margin:0}
.northline .nl-home-service-index .nl-service-card .service-card-link{grid-column:3;grid-row:1 / span 2;text-align:right}
@media(max-width:930px){.northline .nl-service-catalogue{grid-template-columns:1fr;gap:50px}.northline .nl-catalogue-intro{position:static}.northline .nl-catalogue-intro figure{max-width:540px}.northline .nl-catalogue-intro h2{font-size:clamp(46px,8vw,74px)}}
@media(max-width:630px){.northline .nl-service-catalogue{padding:42px 20px 65px;gap:42px}.northline .nl-catalogue-row{grid-template-columns:44px 1fr;gap:12px;padding:27px 0}.northline .nl-catalogue-id{font-size:13px}.northline .nl-catalogue-id span{font-size:7px}.northline .nl-catalogue-body h3{font-size:34px}.northline .nl-catalogue-tip{display:block}.northline .nl-catalogue-tip strong{display:block;margin-bottom:9px}.northline .nl-home-service-index .nl-service-card{display:block}.northline .nl-home-service-index .nl-service-card h3{margin:11px 0}.northline .nl-home-service-index .nl-service-card p{margin-bottom:14px}}

/* ATELIER: photography-led editorial sequence with asymmetrical alternation. */
.atelier .at-collection-editorial{background:#f2eee6;padding:0}
.atelier .at-collection-lead{display:grid;grid-template-columns:.75fr 1.25fr;padding:100px clamp(25px,7vw,115px);gap:55px;align-items:start}
.atelier .at-collection-lead .eyebrow{font-size:11px;color:#967b66}
.atelier .at-collection-lead h2{font:400 clamp(46px,5.5vw,91px)/1.03 'Playfair Display',Georgia,serif;letter-spacing:-.06em;margin:0 0 25px}
.atelier .at-collection-lead h2 em{font-weight:400;color:#a07860}
.atelier .at-collection-lead p{max-width:465px;font:17px/1.8 Georgia,serif;color:#625b51}
.atelier .at-chapter{display:grid;grid-template-columns:52% 48%;min-height:580px;background:#e4dcd1}
.atelier .at-chapter:nth-of-type(3){background:#f5f1eb}
.atelier .at-chapter figure{margin:0;min-width:0;min-height:580px;overflow:hidden}
.atelier .at-chapter figure img{width:100%;height:100%;max-height:780px;object-fit:cover;display:block;filter:saturate(.7)}
.atelier .at-chapter-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px clamp(30px,7vw,124px)}
.atelier .at-chapter-content>span,.atelier .at-colour-chapter>span{font:11px 'DM Mono',monospace;letter-spacing:.13em;color:#9d755a}
.atelier .at-chapter-content h3,.atelier .at-colour-chapter h3{font:400 clamp(54px,6.3vw,105px)/.98 'Playfair Display',Georgia,serif;letter-spacing:-.07em;margin:28px 0}
.atelier .at-chapter-content h3 em,.atelier .at-colour-chapter h3 em{font-weight:400;color:#a4795e}
.atelier .at-chapter-content p,.atelier .at-colour-chapter p{font:17px/1.85 Georgia,serif;color:#625e55;max-width:460px}
.atelier .at-chapter-content a,.atelier .at-colour-chapter a{display:flex;justify-content:space-between;gap:15px;min-width:min(100%,300px);border-bottom:1px solid #978b7a;padding:17px 0;text-decoration:none;color:#36312a;font:11px 'DM Mono',monospace;letter-spacing:.06em;margin-top:35px}
.atelier .at-chapter-reverse figure{order:2}
.atelier .at-chapter-reverse .at-chapter-content{order:1}
.atelier .at-colour-chapter{padding:94px clamp(25px,9vw,130px) 0;display:grid;grid-template-columns:1.2fr 1fr;gap:30px 10%;background:#d7c9b9;align-items:end}
.atelier .at-colour-chapter>span{grid-column:1/-1}
.atelier .at-colour-chapter h3{margin:0 0 70px}
.atelier .at-colour-chapter>div:not(.at-colour-swatches){align-self:center;margin-bottom:65px}
.atelier .at-colour-swatches{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;height:130px}
.atelier .at-colour-swatches i:nth-child(1){background:#e8e0d1}
.atelier .at-colour-swatches i:nth-child(2){background:#ab8e79}
.atelier .at-colour-swatches i:nth-child(3){background:#7e7668}
.atelier .at-colour-swatches i:nth-child(4){background:#42362d}
.atelier .at-illustrative-note{margin:0;padding:24px clamp(25px,9vw,130px);font:12px/1.6 Georgia,serif;color:#66615b}
@media(max-width:980px){.atelier .at-collection-lead{grid-template-columns:1fr;padding:65px 6vw;gap:25px}.atelier .at-chapter{grid-template-columns:1fr 1fr;min-height:0}.atelier .at-chapter figure{min-height:420px}.atelier .at-chapter-content{padding:35px}.atelier .at-chapter-content h3{font-size:clamp(44px,6.1vw,70px)}}
@media(max-width:650px){.atelier .at-collection-lead{padding:45px 22px}.atelier .at-collection-lead h2{font-size:47px}.atelier .at-chapter{display:flex;flex-direction:column}.atelier .at-chapter figure{min-height:0;height:300px;order:0}.atelier .at-chapter-content,.atelier .at-chapter-reverse .at-chapter-content{order:1;padding:43px 23px 57px}.atelier .at-chapter-content h3{font-size:64px}.atelier .at-colour-chapter{padding:55px 22px 0;grid-template-columns:1fr;gap:10px}.atelier .at-colour-chapter>span,.atelier .at-colour-swatches{grid-column:1}.atelier .at-colour-chapter h3{font-size:65px;margin:20px 0}.atelier .at-colour-chapter>div:not(.at-colour-swatches){margin-bottom:30px}.atelier .at-colour-swatches{height:72px}.atelier .at-illustrative-note{padding:22px}}

/* GOOD THINGS: dark manifesto and bold numbered full-width alternating service bands. */
.good-things .gt-service-manifesto{background:#171713;color:#f8f3e5}
.good-things .gt-manifesto-lead{padding:95px clamp(24px,6vw,100px) 105px;background:#171713;display:grid;grid-template-columns:1fr 2fr;gap:20px 65px}
.good-things .gt-manifesto-lead>span{font:11px 'DM Mono',monospace;letter-spacing:.14em;color:#ffe153}
.good-things .gt-manifesto-lead h2{font:900 clamp(65px,9vw,165px)/.87 'Arial Black',Arial,sans-serif;letter-spacing:-.095em;margin:0}
.good-things .gt-manifesto-lead h2 i{font-style:normal;color:#ffe153}
.good-things .gt-manifesto-lead p{grid-column:2;font:19px/1.6 Arial,sans-serif;max-width:480px;margin:25px 0 0}
.good-things .gt-service-list{border-top:1px solid #f6f2e34d}
.good-things .gt-service-row{display:grid;grid-template-columns:180px 1fr 300px;gap:30px;align-items:center;padding:52px clamp(24px,6vw,100px);color:#f8f3e5;border-bottom:1px solid #f6f2e34d;text-decoration:none;min-height:260px;transition:background-color .18s,color .18s}
.good-things .gt-service-row:nth-child(even){background:#282823}
.good-things .gt-service-row.gt-row-pop{background:#f15a32;color:#171713}
.good-things .gt-service-row:hover{background:#ffe153;color:#181714}
.good-things .gt-sr-number{align-self:start;font:11px 'DM Mono',monospace;letter-spacing:.09em}
.good-things .gt-sr-heading{display:flex;align-items:center;justify-content:space-between;gap:35px}
.good-things .gt-sr-heading strong{font:900 clamp(51px,6.6vw,111px)/.87 'Arial Black',Arial,sans-serif;letter-spacing:-.08em}
.good-things .gt-sr-heading em{font-style:normal}
.good-things .gt-sr-heading>span{align-self:flex-end;font:40px Arial,sans-serif}
.good-things .gt-service-row>p{font:16px/1.7 Arial,sans-serif;margin:0;max-width:300px}
.good-things .gt-manifesto-outro{background:#ffe153;color:#171713;padding:40px clamp(24px,6vw,100px);display:flex;justify-content:space-between;align-items:center;gap:30px}
.good-things .gt-manifesto-outro span{font:11px 'DM Mono',monospace}
.good-things .gt-manifesto-outro a{color:#171713;text-decoration:none;font:900 clamp(21px,3vw,43px) 'Arial Black',Arial,sans-serif;letter-spacing:-.05em}
.good-things .gt-manifesto-outro a b{font-weight:400}
@media(max-width:1100px){.good-things .gt-service-row{grid-template-columns:120px 1fr 220px;gap:20px}.good-things .gt-sr-heading strong{font-size:clamp(47px,6vw,84px)}.good-things .gt-manifesto-lead{grid-template-columns:1fr;gap:30px}.good-things .gt-manifesto-lead p{grid-column:1}}
@media(max-width:710px){.good-things .gt-manifesto-lead{padding:55px 22px 65px}.good-things .gt-manifesto-lead h2{font-size:clamp(50px,11vw,82px)}.good-things .gt-service-row{grid-template-columns:1fr;gap:22px;min-height:0;padding:32px 22px 40px}.good-things .gt-sr-heading strong{font-size:clamp(55px,13vw,90px)}.good-things .gt-service-row>p{font-size:15px;max-width:450px}.good-things .gt-manifesto-outro{padding:34px 22px;display:block}.good-things .gt-manifesto-outro a{display:block;margin-top:20px;font-size:30px}}
@media(prefers-reduced-motion:reduce){.good-things .gt-service-row{transition:none}}

/* Narrow mobile: constrain typographic service index without clipping or sideways scrolling. */
@media(max-width:710px){
  .good-things .gt-service-row{min-width:0}
  .good-things .gt-sr-heading{min-width:0;gap:8px}
  .good-things .gt-sr-heading strong{min-width:0;font-size:clamp(38px,9.8vw,67px);letter-spacing:-.085em;overflow-wrap:normal}
  .good-things .gt-sr-heading>span{flex:none;font-size:25px}
}