@charset "UTF-8";
/* Fifteen individual compositions. Shared mechanics live in sector-designs.css. */

/* PULSE — a dark product canvas, with the service index functioning as a console rail. */
body.experience-modern.design-pulse{--corner:14px;color:#dce8fa;background:#101b2b}
body.experience-modern.design-pulse .site-header{background:#101b2b;color:#e9f1ff;border-color:#ffffff18}
body.experience-modern.design-pulse .brand{font-family:Arial,sans-serif;letter-spacing:-.08em;font-weight:750}
body.experience-modern.design-pulse .brand-symbol i{border-color:#84a9ff}
body.experience-modern.design-pulse .site-nav .nav-contact{border-color:#7088a4;color:#fff;border-radius:8px}
body.experience-modern.design-pulse .button-primary{background:#9bbdff;color:#0e1c30;border-radius:8px;font-weight:700}
body.experience-modern.design-pulse .sector-hero{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto;gap:32px 42px;padding-block:66px 44px;align-items:center}
body.experience-modern.design-pulse .sector-hero-copy{grid-column:1;grid-row:1;padding:0}
body.experience-modern.design-pulse .sector-hero-copy h1{color:#f5f8ff;font-family:Arial,sans-serif;font-weight:700;font-size:clamp(45px,5.2vw,77px);letter-spacing:-.065em;max-width:720px}
body.experience-modern.design-pulse .sector-hero-description,body.experience-modern.design-pulse .sector-hero-note{color:#aebed4}
body.experience-modern.design-pulse .sector-hero-copy>.eyebrow{color:#99bbff}
body.experience-modern.design-pulse .sector-hero-media{grid-column:2;grid-row:1/3;min-height:570px;aspect-ratio:.93;border:1px solid #ffffff25;border-radius:18px;box-shadow:0 35px 90px #0006;transform:perspective(1400px) rotateY(-5deg)}
body.experience-modern.design-pulse .sector-hero-media>img,
body.experience-modern.design-pulse .sector-hero-media> picture.responsive-picture > img{object-position:62% center}
body.experience-modern.design-pulse .sector-hero-index{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr;border:1px solid #ffffff20;border-radius:10px;overflow:hidden;background:#172539}
body.experience-modern.design-pulse .sector-hero-index>a{padding:15px 20px;border-bottom:1px solid #ffffff13;color:#c8d7ee;display:flex;gap:18px;align-items:center}
body.experience-modern.design-pulse .sector-hero-index .number{font-family:monospace;color:#87a9e8}
body.experience-modern.design-pulse .sector-hero-signature{grid-column:1/-1;border-top:1px solid #ffffff1c;padding-top:20px;color:#8098b9;display:flex;justify-content:space-between;font-family:monospace}
body.experience-modern.design-pulse .sector-services{color:#dbe7fa}
body.experience-modern.design-pulse .sector-service-card{background:#17263b;border:1px solid #ffffff20;border-radius:12px;overflow:hidden}
body.experience-modern.design-pulse .sector-service-card p,body.experience-modern.design-pulse .feature-tile p,body.experience-modern.design-pulse .process-grid p{color:#afbdd0}
body.experience-modern.design-pulse .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.experience-modern.design-pulse .feature-mosaic>.feature-tile{grid-column:auto!important;background:#192941;color:#dce7f7;border:1px solid #34445b;border-radius:12px;min-height:245px}
body.experience-modern.design-pulse .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:2.8;border-radius:12px}
body.experience-modern.design-pulse .process-grid{gap:1px;background:#3b4d65;border:1px solid #3b4d65;border-radius:12px;overflow:hidden}
body.experience-modern.design-pulse .process-grid>li{background:#132136;padding:28px;border:0;border-radius:0;color:#dbe7fa}
body.experience-modern.design-pulse .about-section{padding:60px;background:#eaf0f8;color:#16283e;border-radius:18px}
body.experience-modern.design-pulse .contact-band{background:#a7c3ff;color:#10223d}
body.experience-modern.design-pulse .site-footer{background:#0a1422;color:#cbd9ed;border-top:1px solid #ffffff17}

/* SIGNAL — an oversized typographic poster above a wide studio photograph. */
body.experience-modern.design-signal{background:#ecf0d3;color:#20251f;--corner:0px}
body.experience-modern.design-signal .site-header{background:#ecf0d3;border-bottom:2px solid #20251f}
body.experience-modern.design-signal .brand{font-size:29px;font-weight:800;letter-spacing:-.085em}
body.experience-modern.design-signal .brand-symbol{transform:rotate(-12deg)}
body.experience-modern.design-signal .button{border-radius:0;font-weight:700;border-width:2px;text-transform:uppercase;letter-spacing:.08em}
body.experience-modern.design-signal .button-primary{background:#273129;color:#edffae}
body.experience-modern.design-signal .sector-hero{display:flex;flex-direction:column;gap:0;padding-top:55px;padding-bottom:0;text-align:center}
body.experience-modern.design-signal .sector-hero-copy{max-width:1080px;margin-inline:auto;padding:0 0 42px}
body.experience-modern.design-signal .sector-hero-copy h1{max-width:none;font-size:clamp(58px,8.5vw,124px);font-weight:800;letter-spacing:-.075em;line-height:.98;color:#232c24}
body.experience-modern.design-signal .sector-hero-description{max-width:600px;margin-inline:auto;font-size:16px}
body.experience-modern.design-signal .sector-hero-actions{justify-content:center}
body.experience-modern.design-signal .sector-hero-note{max-width:none;margin-top:25px}
body.experience-modern.design-signal .sector-hero-media{width:100%;aspect-ratio:2.65;min-height:310px;border:8px solid #273129;transform:rotate(-1deg);border-radius:0}
body.experience-modern.design-signal .sector-hero-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:25px;border-block:2px solid #273129;text-align:left}
body.experience-modern.design-signal .sector-hero-index>a{padding:24px 20px;border-right:1px solid #27312966}
body.experience-modern.design-signal .sector-hero-signature{width:100%;padding:20px 0;display:flex;justify-content:space-between;font-weight:750;text-transform:uppercase;letter-spacing:.11em;font-size:11px}
body.experience-modern.design-signal .sector-services .section-heading{border-bottom:2px solid #273129;padding-bottom:30px}
body.experience-modern.design-signal .sector-service-card{border:2px solid #273129;background:#f9faeb;border-radius:0;box-shadow:7px 7px 0 #273129}
body.experience-modern.design-signal .sector-service-number{font-size:33px;font-weight:800;color:#4e673c}
body.experience-modern.design-signal .feature-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:2px solid #273129}
body.experience-modern.design-signal .feature-mosaic>.feature-tile{grid-column:auto!important;background:#dce8a8;border-right:1px solid #273129;border-radius:0;border-bottom:0;color:#253120}
body.experience-modern.design-signal .feature-mosaic>.feature-image{grid-column:1/-1;border-radius:0;aspect-ratio:3}
body.experience-modern.design-signal .process-grid>li{border-top:4px solid #273129;border-radius:0;background:transparent;padding-left:0}
body.experience-modern.design-signal .about-section{grid-template-columns:.6fr 1.4fr;border-block:2px solid #273129;padding-block:55px}
body.experience-modern.design-signal .contact-band{background:#273129;color:#e9f7bd}
body.experience-modern.design-signal .site-footer{background:#dbe3b4;border-top:2px solid #273129}

/* CARGO — a full-width logistics cover and a three-part dispatch strip. */
body.experience-modern.design-cargo{background:#f0f3f4;color:#1d3545;--corner:0px}
body.experience-modern.design-cargo .site-header{background:#102f43;color:#f4f8fb;border-bottom:4px solid #d38a3c}
body.experience-modern.design-cargo .brand{font-weight:750;letter-spacing:-.04em}
body.experience-modern.design-cargo .brand-symbol i{border-color:#efaf65}
body.experience-modern.design-cargo .site-nav .nav-contact{background:#d98e3e;color:#122e40;border-color:#d98e3e;font-weight:700}
body.experience-modern.design-cargo .button-primary{background:#edaa5a;color:#122d3f;border-radius:0;font-weight:750}
body.experience-modern.design-cargo .sector-hero{position:relative;isolation:isolate;width:100%;max-width:none;display:grid;grid-template-columns:1fr;gap:45px;min-height:720px;padding:90px max(5.5vw,24px) 0;color:#fff}
body.experience-modern.design-cargo .sector-hero-media{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0;z-index:0;aspect-ratio:auto}
body.experience-modern.design-cargo .sector-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#092d43f0 0%,#0c2c42c9 40%,#0a273536 100%);pointer-events:none}
body.experience-modern.design-cargo .sector-hero-media>img,
body.experience-modern.design-cargo .sector-hero-media> picture.responsive-picture > img{height:100%;object-position:center 57%}
body.experience-modern.design-cargo .sector-hero-media figcaption{display:none}
body.experience-modern.design-cargo .sector-hero-copy{position:relative;z-index:1;max-width:720px;padding:0}
body.experience-modern.design-cargo .sector-hero-copy h1{font-size:clamp(48px,6vw,87px);font-weight:700;color:#fff;letter-spacing:-.05em}
body.experience-modern.design-cargo .sector-hero-copy>.eyebrow{color:#f5ba78}
body.experience-modern.design-cargo .sector-hero-description,body.experience-modern.design-cargo .sector-hero-note{color:#d0e0e8;max-width:500px}
body.experience-modern.design-cargo .sector-hero-actions .text-link{color:#fff;border-color:#c0d6e2}
body.experience-modern.design-cargo .sector-hero-index{position:relative;z-index:1;align-self:end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f0f3f4;color:#18364a}
body.experience-modern.design-cargo .sector-hero-index>a{padding:25px 28px;border-right:1px solid #193a4d26;border-top:5px solid #d58a3d}
body.experience-modern.design-cargo .sector-hero-signature{position:absolute;left:max(5.5vw,24px);right:190px;top:25px;z-index:1;text-align:left;color:#d2e3eb;font-size:10px;letter-spacing:.1em;pointer-events:none}
body.experience-modern.design-cargo .sector-hero-signature>b{font-size:26px;letter-spacing:-.025em}
body.experience-modern.design-cargo .sector-service-card{border-block:1px solid #17394b30;background:#fff;border-radius:0}
body.experience-modern.design-cargo .sector-service-number{font-family:monospace;color:#a5672d;font-size:16px}
body.experience-modern.design-cargo .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#b9c9d0}
body.experience-modern.design-cargo .feature-mosaic>.feature-tile{grid-column:auto!important;border:0;border-radius:0;background:#e9eff2;padding:34px}
body.experience-modern.design-cargo .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:3;border-radius:0}
body.experience-modern.design-cargo .process-grid{gap:0;border-block:1px solid #17394b3b}
body.experience-modern.design-cargo .process-grid>li{border-right:1px solid #17394b3b;border-radius:0;background:#fff}
body.experience-modern.design-cargo .about-section{border-left:7px solid #cb883f;padding-left:45px;grid-template-columns:.7fr 1.5fr}
body.experience-modern.design-cargo .contact-band{background:#173b51;color:#fff}
body.experience-modern.design-cargo .site-footer{background:#0c2637;color:#d5e0e7}

/* MOTION — a high-contrast diagonal service composition. */
body.experience-modern.design-motion{background:#ecefee;color:#17232b;--corner:0px}
body.experience-modern.design-motion .site-header{background:#17252e;color:#f6f6f0;border-bottom:0}
body.experience-modern.design-motion .brand{font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:-.04em}
body.experience-modern.design-motion .brand-symbol i{border-color:#eb8a5c;transform:skew(-15deg,-25deg)}
body.experience-modern.design-motion .site-nav .nav-contact{border-color:#ed895c;color:#ffc09a}
body.experience-modern.design-motion .button-primary{background:#a94020;color:#fff;border-radius:0;font-weight:700}
body.experience-modern.design-motion .sector-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:0;position:relative;padding-top:0;padding-bottom:0;align-items:stretch;min-height:640px}
body.experience-modern.design-motion .sector-hero-copy{grid-column:1;grid-row:1;padding:70px 25px 60px 0;position:relative;z-index:1}
body.experience-modern.design-motion .sector-hero-copy h1{font-size:clamp(50px,6.2vw,90px);font-style:italic;font-weight:800;line-height:1.02;letter-spacing:-.055em;color:#17252e}
body.experience-modern.design-motion .sector-hero-media{grid-column:2;grid-row:1;min-height:570px;aspect-ratio:auto;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);margin-left:-20px;border-radius:0}
body.experience-modern.design-motion .sector-hero-media>img,
body.experience-modern.design-motion .sector-hero-media> picture.responsive-picture > img{height:100%;object-position:45% center}
body.experience-modern.design-motion .sector-hero-media figcaption{padding-left:18%}
body.experience-modern.design-motion .sector-hero-index{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#17252e;color:#fff;border-bottom:6px solid #bb512d}
body.experience-modern.design-motion .sector-hero-index>a{padding:24px;border-right:1px solid #ffffff2b}
body.experience-modern.design-motion .sector-hero-index .number{font-size:26px;font-style:italic;font-weight:700;color:#ffad7b}
body.experience-modern.design-motion .sector-hero-signature{display:flex;grid-column:1/-1;justify-content:space-between;padding-block:18px;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.13em}
body.experience-modern.design-motion .sector-service-card{border:0;border-bottom:4px solid #a94020;background:#fff;border-radius:0}
body.experience-modern.design-motion .sector-service-card h3{font-weight:700;letter-spacing:-.035em}
body.experience-modern.design-motion .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.experience-modern.design-motion .feature-mosaic>.feature-tile{grid-column:auto!important;border:0;border-left:5px solid #a94020;border-radius:0;background:#e0e5e5}
body.experience-modern.design-motion .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:3;border-radius:0}
body.experience-modern.design-motion .process-grid>li{background:#17252e;color:#fff;border-radius:0;border:0;border-top:5px solid #d7794f}
body.experience-modern.design-motion .process-grid p{color:#c0cdd4}
body.experience-modern.design-motion .about-section{border-block:1px solid #2637433d;padding-block:65px;grid-template-columns:1fr 1.7fr}
body.experience-modern.design-motion .contact-band{background:#a94020;color:#fff;transform:skewY(-1deg);margin-block:25px}
body.experience-modern.design-motion .contact-band>.container{transform:skewY(1deg)}
body.experience-modern.design-motion .site-footer{background:#17252e;color:#d4dfe4}

/* FORGE — large factory panorama, technical labels and an uncompromising grid. */
body.experience-modern.design-forge{background:#e9e8e2;color:#283238;--corner:0px}
body.experience-modern.design-forge .site-header{background:#e9e8e2;border-bottom:1px solid #283238}
body.experience-modern.design-forge .header-inner{min-height:92px}
body.experience-modern.design-forge .brand{font-family:monospace;font-weight:750;letter-spacing:-.08em}
body.experience-modern.design-forge .site-nav{font-family:monospace}
body.experience-modern.design-forge .button{border-radius:0;font-family:monospace;font-size:12px}
body.experience-modern.design-forge .button-primary{background:#2b373b;color:#f6f0df;border-bottom:4px solid #b98951}
body.experience-modern.design-forge .sector-hero{display:grid;grid-template-columns:1fr;gap:0;padding-top:40px;padding-bottom:0}
body.experience-modern.design-forge .sector-hero-copy{display:grid;grid-template-columns:1.5fr 1fr;column-gap:60px;align-items:end;padding:0 0 38px}
body.experience-modern.design-forge .sector-hero-copy>.eyebrow{grid-column:1/-1;font-family:monospace;color:#655641;margin-bottom:15px}
body.experience-modern.design-forge .sector-hero-copy h1{grid-column:1;grid-row:2/5;font-family:Arial,sans-serif;font-size:clamp(49px,5.3vw,78px);font-weight:700;line-height:1.05;color:#283238}
body.experience-modern.design-forge .sector-hero-description{grid-column:2;margin-top:0;max-width:none}
body.experience-modern.design-forge .sector-hero-actions{grid-column:2;gap:18px;margin-top:24px}
body.experience-modern.design-forge .sector-hero-note{grid-column:2;margin-top:20px}
body.experience-modern.design-forge .sector-hero-media{width:100%;aspect-ratio:2.8;border-radius:0;border:1px solid #283238}
body.experience-modern.design-forge .sector-hero-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #283238;border-top:0;font-family:monospace}
body.experience-modern.design-forge .sector-hero-index>a{padding:26px;border-right:1px solid #283238;background:#dcdcd2}
body.experience-modern.design-forge .sector-hero-signature{display:flex;justify-content:space-between;padding-block:16px;border-bottom:1px solid #283238;font-family:monospace;font-size:10px;text-transform:uppercase}
body.experience-modern.design-forge .sector-service-card{background:#f5f3eb;border:1px solid #283238;border-radius:0}
body.experience-modern.design-forge .sector-service-number{font-family:monospace;padding:5px 9px;background:#d6c1a1;display:inline-block}
body.experience-modern.design-forge .feature-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #283238}
body.experience-modern.design-forge .feature-mosaic>.feature-tile{grid-column:auto!important;background:#dedfd5;border-radius:0;border:0;border-right:1px solid #283238;padding:28px}
body.experience-modern.design-forge .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:3.2;border-radius:0}
body.experience-modern.design-forge .process-grid{grid-template-columns:1fr;gap:0;border-top:1px solid #283238}
body.experience-modern.design-forge .process-grid>li{display:grid;grid-template-columns:80px 1fr 1.3fr;gap:20px;align-items:center;border:0;border-bottom:1px solid #283238;background:transparent;border-radius:0;padding:30px 0}
body.experience-modern.design-forge .process-grid .process-number{margin:0;font-family:monospace}
body.experience-modern.design-forge .about-section{border-top:1px solid #283238;padding-top:55px}
body.experience-modern.design-forge .contact-band{background:#bd9768;color:#283238}
body.experience-modern.design-forge .site-footer{background:#253238;color:#e4e8e5}

/* VOLT — a solar-disc photograph with an open, natural palette. */
body.experience-modern.design-volt{background:#eff4e6;color:#244a3b;--corner:22px}
body.experience-modern.design-volt .site-header{background:#eff4e6;border-color:#244a3b24}
body.experience-modern.design-volt .brand{font-weight:750;letter-spacing:-.055em}
body.experience-modern.design-volt .brand-symbol i{border-color:#39785c;border-radius:7px 7px 0 0}
body.experience-modern.design-volt .site-nav .nav-contact,body.experience-modern.design-volt .button{border-radius:50px}
body.experience-modern.design-volt .button-primary{background:#27573f;color:#fff;border-color:#27573f}
body.experience-modern.design-volt .sector-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px 6%;align-items:center;padding-block:65px 42px}
body.experience-modern.design-volt .sector-hero-media{grid-column:1;grid-row:1;aspect-ratio:1;border-radius:50%;outline:1px solid #66916055;outline-offset:15px;margin:15px;box-shadow:20px 23px 0 #dce6c4}
body.experience-modern.design-volt .sector-hero-copy{grid-column:2;grid-row:1;padding:0}
body.experience-modern.design-volt .sector-hero-copy h1{font-weight:600;line-height:1.08;letter-spacing:-.055em;font-size:clamp(45px,5vw,73px);color:#244a3b}
body.experience-modern.design-volt .sector-hero-description{color:#566d59;max-width:460px}
body.experience-modern.design-volt .sector-hero-index{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}
body.experience-modern.design-volt .sector-hero-index>a{background:#fff;border:1px solid #31604525;border-radius:18px;padding:24px;color:#244a3b}
body.experience-modern.design-volt .sector-hero-signature{grid-column:1/-1;display:flex;justify-content:space-between;padding:13px 0;color:#66815f;font-size:10px;text-transform:uppercase;letter-spacing:.16em}
body.experience-modern.design-volt .sector-service-card{border:1px solid #31604525;background:#fcfff7;border-radius:24px;overflow:hidden}
body.experience-modern.design-volt .sector-service-visual{border-radius:24px 24px 0 0}
body.experience-modern.design-volt .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.experience-modern.design-volt .feature-mosaic>.feature-tile{grid-column:auto!important;border-radius:24px;background:#dfebce;border:0}
body.experience-modern.design-volt .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:2.7;border-radius:24px}
body.experience-modern.design-volt .process-grid>li{background:#fbfff3;border:1px solid #31604525;border-radius:25px}
body.experience-modern.design-volt .process-number{border-radius:50%;background:#d7e5bb;color:#315d3a}
body.experience-modern.design-volt .about-section{padding:55px;border-radius:35px;background:#e0e9d1;grid-template-columns:.65fr 1.5fr}
body.experience-modern.design-volt .contact-band{background:#254e38;color:#f3f8e9;border-radius:50px 50px 0 0}
body.experience-modern.design-volt .site-footer{background:#183b2a;color:#dae6d1}

/* HARVEST — a warm agricultural editorial with a tall field photograph. */
body.experience-modern.design-harvest{background:#f3eddc;color:#404a2e;--corner:0px}
body.experience-modern.design-harvest .site-header{background:#f3eddc;border-color:#58644345}
body.experience-modern.design-harvest .brand{font-family:Georgia,serif;font-size:29px;font-weight:400}
body.experience-modern.design-harvest .brand-symbol i{border-color:#77804b}
body.experience-modern.design-harvest .site-nav .nav-contact{border-color:#8c7949;border-radius:0}
body.experience-modern.design-harvest .button-primary{background:#52643b;color:#fff9df;border-radius:0;border-bottom:4px solid #b48d49}
body.experience-modern.design-harvest .sector-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:0 8%;padding-top:50px;align-items:center}
body.experience-modern.design-harvest .sector-hero-media{grid-column:1;grid-row:1/3;aspect-ratio:.85;border-radius:48% 48% 0 0;border:9px solid #e2d9bc}
body.experience-modern.design-harvest .sector-hero-copy{grid-column:2;grid-row:1;padding-top:15px}
body.experience-modern.design-harvest .sector-hero-copy h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(49px,5.4vw,80px);color:#465437;letter-spacing:-.05em}
body.experience-modern.design-harvest .sector-hero-description{color:#6c6d54}
body.experience-modern.design-harvest .sector-hero-index{grid-column:2;grid-row:2;display:flex;flex-direction:column;border-top:1px solid #6c6f4650;margin-top:24px}
body.experience-modern.design-harvest .sector-hero-index>a{padding:17px 0;display:flex;align-items:center;gap:20px;border-bottom:1px solid #6c6f4650}
body.experience-modern.design-harvest .sector-hero-index strong{font-family:Georgia,serif;font-size:18px;font-weight:400}
body.experience-modern.design-harvest .sector-hero-signature{grid-column:1/-1;display:flex;justify-content:space-between;padding-block:27px;font-family:Georgia,serif;font-style:italic;color:#85744f}
body.experience-modern.design-harvest .sector-service-card{background:#e8e1cd;border:0;border-radius:0;border-bottom:2px solid #8b8759}
body.experience-modern.design-harvest .sector-service-card h3{font-family:Georgia,serif;font-weight:400}
body.experience-modern.design-harvest .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body.experience-modern.design-harvest .feature-mosaic>.feature-tile{grid-column:auto!important;background:transparent;border-radius:0;border:0;border-top:1px solid #6f714855;padding:28px 0}
body.experience-modern.design-harvest .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:2.7;border-radius:0}
body.experience-modern.design-harvest .process-grid>li{background:#e4ddc4;border:0;border-radius:0}
body.experience-modern.design-harvest .process-number{font-family:Georgia,serif;font-style:italic;color:#79663b}
body.experience-modern.design-harvest .about-section{grid-template-columns:1fr;text-align:center;max-width:900px;border-block:1px solid #6f714855;padding-block:60px}
body.experience-modern.design-harvest .about-symbol{display:none}
body.experience-modern.design-harvest .contact-band{background:#52613e;color:#fff6df}
body.experience-modern.design-harvest .site-footer{background:#e7dec3;border-top:1px solid #7f78584d}

/* CLEAR — bright professional service with an offset rounded photograph. */
body.experience-modern.design-clear{background:#f7fcfc;color:#185763;--corner:28px}
body.experience-modern.design-clear .site-header{width:calc(100% - 36px);margin:18px auto 0;border:1px solid #2d738024;border-radius:18px;background:#fff;box-shadow:0 6px 25px #22637108}
body.experience-modern.design-clear .header-inner{min-height:83px}
body.experience-modern.design-clear .brand{font-weight:650;letter-spacing:-.055em;color:#225b66}
body.experience-modern.design-clear .brand-symbol i{border-color:#397e86;border-radius:8px}
body.experience-modern.design-clear .site-nav .nav-contact{border-radius:30px;background:#edf6f4;border-color:transparent}
body.experience-modern.design-clear .button-primary{background:#216875;color:#fff;border-radius:30px;box-shadow:0 8px 20px #21687520}
body.experience-modern.design-clear .sector-hero{display:grid;grid-template-columns:1.12fr 1fr;grid-template-rows:auto auto;gap:28px 7%;padding-block:70px 60px;align-items:center}
body.experience-modern.design-clear .sector-hero-copy{grid-column:1;grid-row:1}
body.experience-modern.design-clear .sector-hero-copy h1{font-size:clamp(48px,5.2vw,77px);font-weight:550;color:#225b66;letter-spacing:-.06em}
body.experience-modern.design-clear .sector-hero-description{color:#57777a}
body.experience-modern.design-clear .sector-hero-media{grid-column:2;grid-row:1/3;aspect-ratio:.78;border-radius:150px 24px 150px 24px;border:13px solid #e2f0ed;box-shadow:20px 20px 0 #f0f8f7}
body.experience-modern.design-clear .sector-hero-index{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:10px}
body.experience-modern.design-clear .sector-hero-index>a{display:flex;gap:17px;align-items:center;padding:17px 20px;background:#fff;border:1px solid #37757d25;border-radius:13px}
body.experience-modern.design-clear .sector-hero-index .number{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#dcefeb;color:#2f7268}
body.experience-modern.design-clear .sector-hero-signature{grid-column:1/-1;display:flex;gap:18px;justify-content:center;color:#638984;font-size:11px}
body.experience-modern.design-clear .sector-service-card{background:#fff;border:1px solid #37757d25;border-radius:22px;box-shadow:0 12px 35px #1b687309;overflow:hidden}
body.experience-modern.design-clear .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.experience-modern.design-clear .feature-mosaic>.feature-tile{grid-column:auto!important;border:1px solid #2a707a20;background:#eaf5f2;border-radius:22px}
body.experience-modern.design-clear .feature-mosaic>.feature-image{grid-column:1/-1;border-radius:24px;aspect-ratio:2.7}
body.experience-modern.design-clear .process-grid>li{border:1px solid #2a707a20;background:#fff;border-radius:25px;text-align:center}
body.experience-modern.design-clear .process-number{margin-inline:auto;border-radius:50%;background:#d7ece5;color:#216875}
body.experience-modern.design-clear .about-section{padding:50px;background:#e7f2ef;border-radius:35px;grid-template-columns:.7fr 1.3fr}
body.experience-modern.design-clear .contact-band{background:#216875;color:#fff;border-radius:45px 45px 0 0}
body.experience-modern.design-clear .site-footer{background:#e4efed;color:#285e64}

/* OCCASION — a formal invitation with centred serif type and a framed table scene. */
body.experience-modern.design-occasion{background:#f7eee9;color:#614650;--corner:0px}
body.experience-modern.design-occasion .site-header{background:#f7eee9;border-bottom:1px solid #7c5c6740}
body.experience-modern.design-occasion .header-inner{min-height:110px}
body.experience-modern.design-occasion .brand{font-family:Georgia,serif;font-weight:400;font-size:28px;letter-spacing:-.04em}
body.experience-modern.design-occasion .brand-symbol{transform:scale(.85)}
body.experience-modern.design-occasion .site-nav .nav-contact{border-radius:30px;border-color:#a58a85}
body.experience-modern.design-occasion .button-primary{background:#674852;color:#fff5ef;border-radius:50px;padding-inline:30px}
body.experience-modern.design-occasion .sector-hero{display:flex;flex-direction:column;text-align:center;gap:0;position:relative;padding-top:55px;padding-bottom:45px}
body.experience-modern.design-occasion .sector-hero-copy{max-width:940px;padding:0}
body.experience-modern.design-occasion .sector-hero-copy h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(53px,7vw,104px);line-height:1.04;color:#654a54;letter-spacing:-.06em;max-width:none}
body.experience-modern.design-occasion .sector-hero-description{max-width:550px;margin-inline:auto;color:#856f72}
body.experience-modern.design-occasion .sector-hero-actions{justify-content:center}
body.experience-modern.design-occasion .sector-hero-note{margin:22px auto 30px;max-width:560px}
body.experience-modern.design-occasion .sector-hero-media{width:82%;aspect-ratio:2.05;border-radius:46% 46% 0 0;border:10px solid #eadbd2;outline:1px solid #bea6a0;outline-offset:9px;margin-top:24px}
body.experience-modern.design-occasion .sector-hero-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:90%;margin-top:35px;border-block:1px solid #9b7d8245}
body.experience-modern.design-occasion .sector-hero-index>a{padding:25px 22px;border-right:1px solid #9b7d8245}
body.experience-modern.design-occasion .sector-hero-index strong{font-family:Georgia,serif;font-size:20px;font-weight:400}
body.experience-modern.design-occasion .sector-hero-signature{display:flex;justify-content:space-between;width:90%;padding-top:23px;font-family:Georgia,serif;font-style:italic;color:#99737a}
body.experience-modern.design-occasion .sector-service-card{background:#efe1d8;border:1px solid #b4979840;border-radius:100px 100px 0 0;overflow:hidden;text-align:center}
body.experience-modern.design-occasion .sector-service-card h3{font-family:Georgia,serif;font-weight:400}
body.experience-modern.design-occasion .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body.experience-modern.design-occasion .feature-mosaic>.feature-tile{grid-column:auto!important;border-radius:0;border:0;border-top:1px solid #9b7d8255;background:transparent;text-align:center}
body.experience-modern.design-occasion .feature-mosaic>.feature-image{grid-column:1/-1;border-radius:160px 160px 0 0;aspect-ratio:2.7}
body.experience-modern.design-occasion .process-grid>li{border-radius:70px 70px 0 0;background:#ecddd3;border:1px solid #b4979840;text-align:center;padding-top:43px}
body.experience-modern.design-occasion .process-number{font-family:Georgia,serif;font-style:italic;margin-inline:auto}
body.experience-modern.design-occasion .about-section{grid-template-columns:1fr;max-width:900px;text-align:center;border-block:1px solid #9b7d8255;padding-block:60px}
body.experience-modern.design-occasion .about-symbol{display:none}
body.experience-modern.design-occasion .contact-band{background:#674852;color:#fff3e9;text-align:center}
body.experience-modern.design-occasion .contact-band>.container{flex-direction:column;align-items:center;gap:30px}
body.experience-modern.design-occasion .site-footer{background:#eadbd4;color:#634a52}

/* ROADSIDE — black and yellow, with a task-first call panel and equipment photography. */
body.experience-modern.design-roadside{background:#f4f2e8;color:#202823;--corner:0px}
body.experience-modern.design-roadside .site-header{background:#111e18;color:#fff7d4;border-bottom:4px solid #e5b638}
body.experience-modern.design-roadside .brand{font-weight:800;letter-spacing:-.06em;font-size:25px}
body.experience-modern.design-roadside .brand-symbol i{border-color:#e7bc45}
body.experience-modern.design-roadside .site-nav .nav-contact{background:#e6bb43;color:#17231c;border-color:#e6bb43;font-weight:750}
body.experience-modern.design-roadside .button-primary{background:#e8bd43;color:#17231c;font-weight:800;border-radius:6px;box-shadow:0 5px 0 #a17b20}
body.experience-modern.design-roadside .sector-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:0;width:100%;max-width:none;margin:0;background:#15251c;color:#fff8dc;padding:0;position:relative}
body.experience-modern.design-roadside .sector-hero-copy{grid-column:1;grid-row:1;padding:68px 7vw 55px 6vw;z-index:1;background:linear-gradient(120deg,#15251c,#1d3023)}
body.experience-modern.design-roadside .sector-hero-copy>.eyebrow{display:inline-flex;color:#f3cc5e;border:1px solid #eac04a66;border-radius:4px;padding:7px 11px;letter-spacing:.12em}
body.experience-modern.design-roadside .sector-hero-copy h1{font-size:clamp(49px,5.7vw,82px);font-weight:800;line-height:1.02;color:#fff8db;letter-spacing:-.055em}
body.experience-modern.design-roadside .sector-hero-description,body.experience-modern.design-roadside .sector-hero-note{color:#c3cfbb}
body.experience-modern.design-roadside .sector-hero-actions .text-link{color:#ffdc75;border-color:#e2bb55}
body.experience-modern.design-roadside .sector-hero-media{grid-column:2;grid-row:1/3;aspect-ratio:auto;height:100%;min-height:620px;border-radius:0;margin:0;border-left:8px solid #e6b93c}
body.experience-modern.design-roadside .sector-hero-media>img,
body.experience-modern.design-roadside .sector-hero-media> picture.responsive-picture > img{height:100%;object-position:48% center}
body.experience-modern.design-roadside .sector-hero-index{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr;padding:0 6vw 33px;background:#15251c}
body.experience-modern.design-roadside .sector-hero-index>a{display:flex;align-items:center;gap:16px;border-top:1px solid #e6ce8040;padding:16px 0;color:#e9eddb}
body.experience-modern.design-roadside .sector-hero-index .number{color:#edc451;font-weight:800;font-size:19px}
body.experience-modern.design-roadside .sector-hero-signature{grid-column:1/-1;background:#e6b93c;color:#203021;display:flex;justify-content:space-between;padding:16px 6vw;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
body.experience-modern.design-roadside .sector-services .section-heading h2{font-weight:700;letter-spacing:-.045em}
body.experience-modern.design-roadside .sector-service-card{border:2px solid #273b2c;border-radius:5px;background:#fffdf3;box-shadow:5px 5px 0 #d7bc61}
body.experience-modern.design-roadside .sector-service-number{font-size:25px;font-weight:800;color:#766013}
body.experience-modern.design-roadside .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.experience-modern.design-roadside .feature-mosaic>.feature-tile{grid-column:auto!important;border:0;border-left:5px solid #c69d2e;background:#e9e5ce;border-radius:0}
body.experience-modern.design-roadside .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:2.7;border-radius:0}
body.experience-modern.design-roadside .process-grid>li{background:#e7bd43;color:#1c2d20;border:1px solid #b48e2c;border-radius:5px}
body.experience-modern.design-roadside .process-grid p{color:#3e4d30}
body.experience-modern.design-roadside .about-section{grid-template-columns:.6fr 1.5fr;border-left:9px solid #ddb238;padding:30px 45px;background:#ebe6cf}
body.experience-modern.design-roadside .contact-band{background:#14271b;color:#fff4ca;border-top:6px solid #e8bd43}
body.experience-modern.design-roadside .site-footer{background:#0d1d13;color:#cad5bf}

/* AGGREGATE — a material catalogue, earthy surfaces and numbered dispatch rows. */
body.experience-modern.design-aggregate{background:#efe6d5;color:#4b392a;--corner:0px}
body.experience-modern.design-aggregate .site-header{background:#e7dac2;border-bottom:1px solid #876a45}
body.experience-modern.design-aggregate .header-inner{min-height:94px}
body.experience-modern.design-aggregate .brand{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.06em}
body.experience-modern.design-aggregate .brand-symbol i{border-color:#93602d;transform:none}
body.experience-modern.design-aggregate .site-nav .nav-contact{background:#5b3f2a;color:#fff4df;border:0}
body.experience-modern.design-aggregate .button-primary{background:#86472b;color:#fff5e6;border-radius:0;font-weight:700}
body.experience-modern.design-aggregate .sector-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:0 6%;padding-top:44px;align-items:start}
body.experience-modern.design-aggregate .sector-hero-media{grid-column:1;grid-row:1;aspect-ratio:1.1;border-radius:0;border-bottom:14px solid #b88e58}
body.experience-modern.design-aggregate .sector-hero-copy{grid-column:2;grid-row:1;padding:10px 0 25px}
body.experience-modern.design-aggregate .sector-hero-copy h1{font-weight:750;font-size:clamp(45px,5.2vw,75px);color:#523c29;letter-spacing:-.055em;line-height:1.06}
body.experience-modern.design-aggregate .sector-hero-description{color:#7b6850}
body.experience-modern.design-aggregate .sector-hero-index{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;border:1px solid #9a7c5366;background:#e5d4b8}
body.experience-modern.design-aggregate .sector-hero-index>a{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:23px;border-right:1px solid #9a7c5366}
body.experience-modern.design-aggregate .sector-hero-index .number{font-size:37px;font-weight:750;line-height:1;color:#8e6239;letter-spacing:-.06em}
body.experience-modern.design-aggregate .sector-hero-index strong{font-size:15px;font-weight:650}
body.experience-modern.design-aggregate .sector-hero-signature{grid-column:1/-1;display:flex;justify-content:space-between;padding:18px 0;color:#8b7455;font-family:monospace;font-size:11px}
body.experience-modern.design-aggregate .sector-service-list{gap:0}
body.experience-modern.design-aggregate .sector-service-card{background:#f7efdf;border:1px solid #977b5655;border-radius:0}
body.experience-modern.design-aggregate .sector-service-card h3{font-weight:700}
body.experience-modern.design-aggregate .sector-service-number{font-family:monospace;color:#955735;font-size:17px}
body.experience-modern.design-aggregate .feature-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#e2cfad;border:1px solid #a1805055}
body.experience-modern.design-aggregate .feature-mosaic>.feature-tile{grid-column:auto!important;background:transparent;border:0;border-right:1px solid #a1805055;border-radius:0;padding:26px}
body.experience-modern.design-aggregate .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:3;border-radius:0}
body.experience-modern.design-aggregate .process-grid{grid-template-columns:1fr;gap:0}
body.experience-modern.design-aggregate .process-grid>li{display:grid;grid-template-columns:80px 1fr 1.3fr;gap:25px;align-items:center;border:0;border-top:1px solid #a1805066;background:transparent;border-radius:0;padding:28px 0}
body.experience-modern.design-aggregate .about-section{grid-template-columns:.8fr 1.3fr;background:#e7d8bd;padding:45px}
body.experience-modern.design-aggregate .contact-band{background:#5b402d;color:#fff0d6}
body.experience-modern.design-aggregate .site-footer{background:#34291f;color:#d7c8b2}

/* REPAIR — a bench photograph and a narrow technical editorial column. */
body.experience-modern.design-repair{background:#f1f3f1;color:#29404d;--corner:4px}
body.experience-modern.design-repair .site-header{background:#f1f3f1;border-block:6px solid #2a4656;border-bottom-width:1px}
body.experience-modern.design-repair .brand{font-family:monospace;font-size:25px;font-weight:700;letter-spacing:-.07em}
body.experience-modern.design-repair .brand-symbol i{border-color:#a8572f}
body.experience-modern.design-repair .site-nav .nav-contact{border:1px solid #2a4656;border-bottom:4px solid #ab663e}
body.experience-modern.design-repair .button-primary{background:#2a4656;color:#fff;border-radius:3px;font-family:monospace;font-weight:650}
body.experience-modern.design-repair .sector-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:0 5%;align-items:start;padding-top:44px;padding-bottom:30px}
body.experience-modern.design-repair .sector-hero-media{grid-column:1;grid-row:1;aspect-ratio:1.18;border:1px solid #53717c;border-radius:3px;box-shadow:12px 12px 0 #dce2df}
body.experience-modern.design-repair .sector-hero-copy{grid-column:2;grid-row:1/3;padding:0 0 0 24px;border-left:1px solid #8fa4ab}
body.experience-modern.design-repair .sector-hero-copy h1{font-size:clamp(39px,4.4vw,62px);font-family:Arial,sans-serif;font-weight:650;color:#294553;letter-spacing:-.045em;line-height:1.08}
body.experience-modern.design-repair .sector-hero-copy>.eyebrow{font-family:monospace;color:#8c512f}
body.experience-modern.design-repair .sector-hero-description{font-size:14px;color:#627780}
body.experience-modern.design-repair .sector-hero-actions{flex-direction:column;align-items:stretch;gap:18px}
body.experience-modern.design-repair .sector-hero-actions .text-link{align-self:flex-start}
body.experience-modern.design-repair .sector-hero-index{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px;border:1px solid #8fa4ab;background:#e3e8e5}
body.experience-modern.design-repair .sector-hero-index>a{padding:19px;border-right:1px solid #8fa4ab;border-bottom:1px solid #8fa4ab;display:flex;gap:13px;align-items:center}
body.experience-modern.design-repair .sector-hero-index .number{font-family:monospace;color:#8e5333;font-size:15px}
body.experience-modern.design-repair .sector-hero-signature{grid-column:1/-1;display:flex;justify-content:space-between;padding:24px 0 0;font-family:monospace;color:#5a7481;font-size:10px;letter-spacing:.08em}
body.experience-modern.design-repair .sector-service-card{border:1px solid #8fa4ab;background:#fff;border-radius:3px}
body.experience-modern.design-repair .sector-service-number{font-family:monospace;color:#a55d34;background:#f0e6da;padding:5px 8px;display:inline-block}
body.experience-modern.design-repair .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.experience-modern.design-repair .feature-mosaic>.feature-tile{grid-column:auto!important;background:#e2e8e5;border:1px solid #8fa4ab;border-radius:3px}
body.experience-modern.design-repair .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:2.8;border-radius:3px}
body.experience-modern.design-repair .process-grid>li{background:#f9faf5;border:1px dashed #708891;border-top:5px solid #a3633b;border-radius:3px}
body.experience-modern.design-repair .process-number{font-family:monospace}
body.experience-modern.design-repair .about-section{grid-template-columns:.65fr 1.5fr;border-top:1px solid #8fa4ab;padding-top:50px}
body.experience-modern.design-repair .contact-band{background:#d5e1df;color:#254754;border-top:1px solid #8fa4ab;border-bottom:1px solid #8fa4ab}
body.experience-modern.design-repair .site-footer{background:#233c49;color:#cedadf}

/* CLIMATE — a light appliance showroom, soft blue geometry and horizontal choice chips. */
body.experience-modern.design-climate{background:#f2f8fa;color:#214d62;--corner:30px}
body.experience-modern.design-climate .site-header{background:#fff;color:#244e62;border-bottom:1px solid #cddde3}
body.experience-modern.design-climate .brand{font-family:Arial,sans-serif;font-size:27px;font-weight:650;letter-spacing:-.06em}
body.experience-modern.design-climate .brand-symbol i{border-color:#5998ad;border-radius:8px 0 8px 0}
body.experience-modern.design-climate .site-nav .nav-contact{background:#e6f1f5;border-color:#cddde3;border-radius:28px}
body.experience-modern.design-climate .button-primary{background:#265c74;color:#fff;border-radius:28px;box-shadow:0 7px 25px #265c741b}
body.experience-modern.design-climate .sector-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:22px 45px;padding:55px 0 35px;align-items:center}
body.experience-modern.design-climate .sector-hero-copy{grid-column:1;grid-row:1;padding:10px 0}
body.experience-modern.design-climate .sector-hero-copy h1{font-size:clamp(47px,5.4vw,78px);color:#214d62;font-weight:500;letter-spacing:-.06em;line-height:1.08}
body.experience-modern.design-climate .sector-hero-description{color:#587681}
body.experience-modern.design-climate .sector-hero-media{grid-column:2;grid-row:1;aspect-ratio:1.06;border-radius:40% 40% 24px 24px;border:14px solid #e0edf1;background:#fff;box-shadow:0 30px 60px #315d7311}
body.experience-modern.design-climate .sector-hero-media>img,
body.experience-modern.design-climate .sector-hero-media> picture.responsive-picture > img{object-position:center 42%}
body.experience-modern.design-climate .sector-hero-index{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#fff;padding:15px;border:1px solid #cfdee4;border-radius:23px;margin-top:20px;box-shadow:0 12px 30px #315d7309}
body.experience-modern.design-climate .sector-hero-index>a{border:0;border-radius:14px;background:#edf5f7;padding:19px 15px;display:flex;gap:12px;align-items:center}
body.experience-modern.design-climate .sector-hero-index .number{color:#548aa1;font-weight:600}
body.experience-modern.design-climate .sector-hero-index strong{font-size:14px}
body.experience-modern.design-climate .sector-hero-signature{grid-column:1/-1;display:flex;justify-content:center;gap:24px;font-size:11px;color:#648594;padding:18px 0}
body.experience-modern.design-climate .sector-service-card{background:#fff;border:1px solid #cbdde5;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px #315d730b}
body.experience-modern.design-climate .sector-service-number{color:#55899e;background:#e7f2f4;border-radius:30px;padding:4px 12px;display:inline-block}
body.experience-modern.design-climate .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.experience-modern.design-climate .feature-mosaic>.feature-tile{grid-column:auto!important;border:1px solid #cfdee4;border-radius:25px;background:#e6f1f5}
body.experience-modern.design-climate .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:2.8;border-radius:25px}
body.experience-modern.design-climate .process-grid>li{border-radius:25px;background:#fff;border:1px solid #cfdee4;border-top:5px solid #75a5b6}
body.experience-modern.design-climate .about-section{grid-template-columns:.65fr 1.5fr;padding:55px;background:#e4eff3;border-radius:38px}
body.experience-modern.design-climate .contact-band{background:#2e6078;color:#f7fcff;border-radius:45px 45px 0 0}
body.experience-modern.design-climate .site-footer{background:#163c51;color:#d1e4ed}

/* GARDEN — a garden journal: headline across the spread and a photograph below it. */
body.experience-modern.design-garden{background:#f0f0df;color:#355034;--corner:0px}
body.experience-modern.design-garden .site-header{background:#f0f0df;border-bottom:1px solid #75846465}
body.experience-modern.design-garden .brand{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.045em}
body.experience-modern.design-garden .brand-symbol i{border-color:#708754;border-radius:12px 0 12px 0}
body.experience-modern.design-garden .site-nav .nav-contact{border-radius:0;border-color:#788565}
body.experience-modern.design-garden .button-primary{background:#405e3c;color:#f6f6df;border-radius:0;padding-inline:26px}
body.experience-modern.design-garden .sector-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:22px 7%;padding-top:45px;padding-bottom:30px;align-items:start}
body.experience-modern.design-garden .sector-hero-copy{display:contents}
body.experience-modern.design-garden .sector-hero-copy>.eyebrow{grid-column:1/-1;grid-row:1;color:#758354;margin:0}
body.experience-modern.design-garden .sector-hero-copy h1{grid-column:1/-1;grid-row:2;max-width:1000px;font-family:Georgia,serif;font-size:clamp(58px,7.4vw,106px);font-weight:400;line-height:1.02;color:#365133;letter-spacing:-.055em;margin-bottom:22px}
body.experience-modern.design-garden .sector-hero-media{grid-column:1;grid-row:3/6;aspect-ratio:1.28;border-radius:140px 0 0 0;border:8px solid #dde2c7;align-self:stretch}
body.experience-modern.design-garden .sector-hero-description{grid-column:2;grid-row:3;color:#6a785b;font-size:16px;margin-top:20px;max-width:430px}
body.experience-modern.design-garden .sector-hero-actions{grid-column:2;grid-row:4;margin-top:0;align-self:start}
body.experience-modern.design-garden .sector-hero-note{grid-column:2;grid-row:5;margin-top:0;padding-bottom:20px;color:#748461;align-self:end}
body.experience-modern.design-garden .sector-hero-index{grid-column:1/-1;grid-row:6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #75846465;margin-top:13px}
body.experience-modern.design-garden .sector-hero-index>a{padding:24px 20px;border-right:1px solid #75846465}
body.experience-modern.design-garden .sector-hero-index strong{font-family:Georgia,serif;font-weight:400;font-size:20px}
body.experience-modern.design-garden .sector-hero-signature{grid-column:1/-1;grid-row:7;display:flex;justify-content:space-between;font-size:11px;font-style:italic;color:#819064}
body.experience-modern.design-garden .sector-service-card{background:#e0e6cd;border:0;border-radius:65px 0 0 0;overflow:hidden}
body.experience-modern.design-garden .sector-service-card h3{font-family:Georgia,serif;font-weight:400}
body.experience-modern.design-garden .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
body.experience-modern.design-garden .feature-mosaic>.feature-tile{grid-column:auto!important;border:0;border-bottom:1px solid #75846465;border-radius:0;background:transparent;padding-inline:0}
body.experience-modern.design-garden .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:2.7;border-radius:110px 0 0 0}
body.experience-modern.design-garden .process-grid>li{border:0;border-radius:70px 0 0 0;background:#e0e6cc;padding-top:40px}
body.experience-modern.design-garden .about-section{grid-template-columns:.6fr 1.5fr;border-top:1px solid #75846465;padding-top:55px}
body.experience-modern.design-garden .contact-band{background:#405a38;color:#f3f2d6;border-radius:90px 0 0 0}
body.experience-modern.design-garden .site-footer{background:#e0e3cb;color:#405138}

/* WOODWORK — an object gallery with a centred masthead and material-toned framing. */
body.experience-modern.design-woodwork{background:#efe6d8;color:#523e2f;--corner:0px}
body.experience-modern.design-woodwork .site-header{background:#efe6d8;border-bottom:1px solid #927a5b66}
body.experience-modern.design-woodwork .header-inner{flex-direction:column;justify-content:center;gap:20px;padding-block:25px;min-height:145px}
body.experience-modern.design-woodwork .brand{font-family:Georgia,serif;font-size:35px;font-weight:400;letter-spacing:-.065em}
body.experience-modern.design-woodwork .brand small{text-align:center;font-family:Arial,sans-serif;font-size:8px}
body.experience-modern.design-woodwork .site-nav{gap:38px}
body.experience-modern.design-woodwork .site-nav .nav-contact{border:0;border-bottom:1px solid #927a5b;padding:7px 0;border-radius:0}
body.experience-modern.design-woodwork .button-primary{background:#634c37;color:#fff3e4;border-radius:0;font-size:12px}
body.experience-modern.design-woodwork .sector-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:0 8%;padding-top:55px;padding-bottom:0;align-items:center}
body.experience-modern.design-woodwork .sector-hero-media{grid-column:1;grid-row:1;aspect-ratio:.97;border:12px solid #dcd0bc;border-radius:0;box-shadow:0 0 0 1px #a48c6755}
body.experience-modern.design-woodwork .sector-hero-copy{grid-column:2;grid-row:1;padding-block:25px}
body.experience-modern.design-woodwork .sector-hero-copy h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(47px,5.8vw,83px);line-height:1.06;color:#634b36;letter-spacing:-.055em}
body.experience-modern.design-woodwork .sector-hero-description{color:#7d6a55}
body.experience-modern.design-woodwork .sector-hero-index{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;border-block:1px solid #927a5b66}
body.experience-modern.design-woodwork .sector-hero-index>a{padding:25px 28px;border-right:1px solid #927a5b66;text-align:center}
body.experience-modern.design-woodwork .sector-hero-index strong{font-family:Georgia,serif;font-size:21px;font-weight:400}
body.experience-modern.design-woodwork .sector-hero-signature{grid-column:1/-1;display:flex;justify-content:space-between;padding-block:22px;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#92734f}
body.experience-modern.design-woodwork .sector-service-card{border:0;border-radius:0;background:#e3d6bf;overflow:hidden}
body.experience-modern.design-woodwork .sector-service-visual{border:10px solid #e3d6bf;border-bottom:0}
body.experience-modern.design-woodwork .sector-service-card h3{font-family:Georgia,serif;font-weight:400}
body.experience-modern.design-woodwork .feature-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:1px solid #927a5b66}
body.experience-modern.design-woodwork .feature-mosaic>.feature-tile{grid-column:auto!important;background:transparent;border:0;border-right:1px solid #927a5b66;border-radius:0;padding:30px}
body.experience-modern.design-woodwork .feature-mosaic>.feature-image{grid-column:1/-1;aspect-ratio:3;border:9px solid #d6c7af;border-radius:0}
body.experience-modern.design-woodwork .process-grid>li{background:transparent;border:0;border-top:1px solid #927a5b88;border-radius:0;padding-left:0}
body.experience-modern.design-woodwork .process-number{font-family:Georgia,serif;font-size:35px;font-weight:400;color:#8d6d47}
body.experience-modern.design-woodwork .about-section{grid-template-columns:1fr;text-align:center;max-width:880px;border-top:1px solid #927a5b66;padding-top:55px}
body.experience-modern.design-woodwork .about-symbol{display:none}
body.experience-modern.design-woodwork .contact-band{background:#70553b;color:#fff0dc}
body.experience-modern.design-woodwork .site-footer{background:#392e23;color:#d9cbb6}

/* Distinct mobile compositions, rather than a shared miniature desktop layout. */
@media(max-width:800px){
 body.experience-modern.design-pulse .sector-hero{grid-template-columns:1fr;gap:25px;padding-top:36px}
 body.experience-modern.design-pulse .sector-hero-copy{grid-column:1;grid-row:1}
 body.experience-modern.design-pulse .sector-hero-copy h1{font-size:clamp(39px,10.3vw,65px)}
 body.experience-modern.design-pulse .sector-hero-media{grid-column:1;grid-row:2;min-height:0;aspect-ratio:1.4;transform:none;border-radius:12px}
 body.experience-modern.design-pulse .sector-hero-index{grid-column:1;grid-row:3}
 body.experience-modern.design-pulse .sector-hero-signature{grid-row:4;font-size:10px}
 body.experience-modern.design-pulse .site-nav{background:#101b2b;color:#e5edfc}
 body.experience-modern.design-pulse .menu-toggle{color:#fff;border-color:#7f97b5}
 body.experience-modern.design-pulse .feature-mosaic{grid-template-columns:1fr}
 body.experience-modern.design-pulse .feature-mosaic>.feature-image{aspect-ratio:1.5}
 body.experience-modern.design-pulse .about-section{padding:28px;border-radius:14px;grid-template-columns:1fr}

 body.experience-modern.design-signal .sector-hero{padding-top:33px}
 body.experience-modern.design-signal .sector-hero-copy{padding-bottom:27px}
 body.experience-modern.design-signal .sector-hero-copy h1{font-size:clamp(48px,13.3vw,85px);line-height:1}
 body.experience-modern.design-signal .sector-hero-description{font-size:14px}
 body.experience-modern.design-signal .sector-hero-media{min-height:0;aspect-ratio:1.35;border-width:5px;transform:rotate(-1.2deg)}
 body.experience-modern.design-signal .sector-hero-index{grid-template-columns:1fr;margin-top:22px}
 body.experience-modern.design-signal .sector-hero-index>a{display:flex;gap:16px;align-items:center;border-right:0;border-bottom:1px solid #27312966;padding:18px 12px}
 body.experience-modern.design-signal .sector-hero-signature{font-size:9px;letter-spacing:.06em;gap:12px}
 body.experience-modern.design-signal .feature-mosaic{grid-template-columns:1fr}
 body.experience-modern.design-signal .feature-mosaic>.feature-tile{border-bottom:1px solid #273129;border-right:0}
 body.experience-modern.design-signal .feature-mosaic>.feature-image{aspect-ratio:1.4}
 body.experience-modern.design-signal .about-section{grid-template-columns:1fr}

 body.experience-modern.design-cargo .sector-hero{min-height:0;padding:76px 22px 0;gap:32px}
 body.experience-modern.design-cargo .sector-hero-copy h1{font-size:clamp(43px,11.5vw,70px)}
 body.experience-modern.design-cargo .sector-hero-media>img,
 body.experience-modern.design-cargo .sector-hero-media> picture.responsive-picture > img{object-position:65% center}
 body.experience-modern.design-cargo .sector-hero-media:after{background:linear-gradient(180deg,#092c44e6,#0b2c43c7 70%,#0b2635ed)}
 body.experience-modern.design-cargo .sector-hero-description{font-size:14px}
 body.experience-modern.design-cargo .sector-hero-index{grid-template-columns:1fr;margin-inline:-22px}
 body.experience-modern.design-cargo .sector-hero-index>a{display:flex;gap:18px;align-items:center;padding:19px 22px;border-top-width:1px;border-bottom:1px solid #17394b26}
 body.experience-modern.design-cargo .sector-hero-index>a:first-child{border-top:5px solid #d58a3d}
 body.experience-modern.design-cargo .sector-hero-signature{position:relative;top:auto;right:auto;left:auto;grid-row:1;text-align:left;display:flex;gap:15px;margin-top:0;font-size:9px}
 body.experience-modern.design-cargo .site-nav{background:#102f43;color:#fff}
 body.experience-modern.design-cargo .menu-toggle{color:#fff;border-color:#b8cad6}
 body.experience-modern.design-cargo .feature-mosaic{grid-template-columns:1fr}
 body.experience-modern.design-cargo .feature-mosaic>.feature-image{aspect-ratio:1.5}
 body.experience-modern.design-cargo .about-section{padding-left:24px;grid-template-columns:1fr}

 body.experience-modern.design-motion .sector-hero{grid-template-columns:1fr;min-height:0}
 body.experience-modern.design-motion .sector-hero-media{grid-column:1;grid-row:1;min-height:0;aspect-ratio:1.65;margin-left:0;clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
 body.experience-modern.design-motion .sector-hero-copy{grid-column:1;grid-row:2;padding:24px 0 35px}
 body.experience-modern.design-motion .sector-hero-copy h1{font-size:clamp(45px,12vw,70px)}
 body.experience-modern.design-motion .sector-hero-index{grid-column:1;grid-template-columns:1fr}
 body.experience-modern.design-motion .sector-hero-index>a{display:flex;align-items:center;gap:20px;padding:19px;border-bottom:1px solid #ffffff2b}
 body.experience-modern.design-motion .sector-hero-signature{font-size:9px;gap:15px}
 body.experience-modern.design-motion .site-nav{background:#17252e;color:#fff}
 body.experience-modern.design-motion .menu-toggle{color:#fff;border-color:#8b9ea9}
 body.experience-modern.design-motion .feature-mosaic{grid-template-columns:1fr}
 body.experience-modern.design-motion .feature-mosaic>.feature-image{aspect-ratio:1.5}
 body.experience-modern.design-motion .about-section{grid-template-columns:1fr}

 body.experience-modern.design-forge .sector-hero{padding-top:30px}
 body.experience-modern.design-forge .sector-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-bottom:30px}
 body.experience-modern.design-forge .sector-hero-copy h1{font-size:clamp(43px,10.8vw,67px)}
 body.experience-modern.design-forge .sector-hero-description{margin-top:25px}
 body.experience-modern.design-forge .sector-hero-media{aspect-ratio:1.5}
 body.experience-modern.design-forge .sector-hero-index{grid-template-columns:1fr}
 body.experience-modern.design-forge .sector-hero-index>a{display:flex;gap:20px;align-items:center;padding:19px;border-right:0;border-bottom:1px solid #283238}
 body.experience-modern.design-forge .sector-hero-signature{font-size:9px;gap:12px}
 body.experience-modern.design-forge .feature-mosaic{grid-template-columns:1fr}
 body.experience-modern.design-forge .feature-mosaic>.feature-tile{border-bottom:1px solid #283238}
 body.experience-modern.design-forge .feature-mosaic>.feature-image{aspect-ratio:1.4}
 body.experience-modern.design-forge .process-grid>li{grid-template-columns:45px 1fr;gap:12px;padding:22px 0}
 body.experience-modern.design-forge .process-grid>li p{grid-column:2}
 body.experience-modern.design-forge .about-section{grid-template-columns:1fr}

 body.experience-modern.design-volt .sector-hero{grid-template-columns:1fr;gap:28px;padding-top:40px}
 body.experience-modern.design-volt .sector-hero-copy{grid-column:1;grid-row:1;text-align:center}
 body.experience-modern.design-volt .sector-hero-copy h1{font-size:clamp(43px,10.8vw,66px)}
 body.experience-modern.design-volt .sector-hero-actions{justify-content:center}
 body.experience-modern.design-volt .sector-hero-media{grid-column:1;grid-row:2;width:min(360px,calc(100% - 36px));margin:12px auto;outline-offset:10px;box-shadow:12px 14px 0 #dce6c4}
 body.experience-modern.design-volt .sector-hero-index{grid-template-columns:1fr;margin-top:7px;gap:9px}
 body.experience-modern.design-volt .sector-hero-index>a{display:flex;gap:18px;align-items:center;padding:19px;border-radius:15px}
 body.experience-modern.design-volt .sector-hero-signature{font-size:9px;gap:14px}
 body.experience-modern.design-volt .feature-mosaic{grid-template-columns:1fr}
 body.experience-modern.design-volt .feature-mosaic>.feature-image{aspect-ratio:1.5}
 body.experience-modern.design-volt .about-section{padding:28px;grid-template-columns:1fr;border-radius:24px}
 body.experience-modern.design-volt .contact-band{border-radius:28px 28px 0 0}

 body.experience-modern.design-harvest .sector-hero{grid-template-columns:1fr;gap:25px;padding-top:30px}
 body.experience-modern.design-harvest .sector-hero-media{grid-column:1;grid-row:1;aspect-ratio:1.35;border-radius:45% 45% 0 0;max-height:390px;border-width:7px}
 body.experience-modern.design-harvest .sector-hero-copy{grid-column:1;grid-row:2;padding-top:0}
 body.experience-modern.design-harvest .sector-hero-copy h1{font-size:clamp(47px,12vw,71px)}
 body.experience-modern.design-harvest .sector-hero-index{grid-column:1;grid-row:3;margin-top:0}
 body.experience-modern.design-harvest .sector-hero-signature{padding-block:0 10px;gap:15px;font-size:12px}
 body.experience-modern.design-harvest .feature-mosaic{grid-template-columns:1fr;gap:6px}
 body.experience-modern.design-harvest .feature-mosaic>.feature-image{aspect-ratio:1.4}
 body.experience-modern.design-harvest .about-section{text-align:left;padding-block:40px}

 body.experience-modern.design-clear .site-header{width:calc(100% - 20px);margin-top:10px;border-radius:13px}
 body.experience-modern.design-clear .header-inner{min-height:78px}
 body.experience-modern.design-clear .sector-hero{grid-template-columns:1fr;gap:25px;padding-top:38px;padding-bottom:30px}
 body.experience-modern.design-clear .sector-hero-copy{grid-column:1;grid-row:1}
 body.experience-modern.design-clear .sector-hero-copy h1{font-size:clamp(44px,11vw,68px)}
 body.experience-modern.design-clear .sector-hero-media{grid-column:1;grid-row:2;aspect-ratio:1.35;border-radius:80px 16px 80px 16px;border-width:8px;box-shadow:8px 9px 0 #e7f3ef}
 body.experience-modern.design-clear .sector-hero-index{grid-column:1;grid-row:3;gap:8px}
 body.experience-modern.design-clear .sector-hero-signature{font-size:10px;flex-wrap:wrap;gap:12px}
 body.experience-modern.design-clear .feature-mosaic{grid-template-columns:1fr}
 body.experience-modern.design-clear .feature-mosaic>.feature-image{aspect-ratio:1.45}
 body.experience-modern.design-clear .about-section{padding:28px;grid-template-columns:1fr;border-radius:22px}
 body.experience-modern.design-clear .contact-band{border-radius:26px 26px 0 0}

 body.experience-modern.design-occasion .sector-hero{padding-top:35px;padding-bottom:28px}
 body.experience-modern.design-occasion .sector-hero-copy h1{font-size:clamp(48px,12.3vw,76px)}
 body.experience-modern.design-occasion .sector-hero-description{font-size:14px}
 body.experience-modern.design-occasion .sector-hero-media{width:calc(100% - 18px);aspect-ratio:1.05;border-width:6px;outline-offset:5px;margin-top:15px;border-radius:45% 45% 0 0}
 body.experience-modern.design-occasion .sector-hero-index{width:100%;grid-template-columns:1fr;margin-top:27px}
 body.experience-modern.design-occasion .sector-hero-index>a{display:flex;gap:20px;align-items:center;padding:19px 10px;border-right:0;border-bottom:1px solid #9b7d8245;text-align:left}
 body.experience-modern.design-occasion .sector-hero-index strong{font-size:19px}
 body.experience-modern.design-occasion .sector-hero-signature{width:100%;gap:15px;font-size:12px;padding-top:18px}
 body.experience-modern.design-occasion .feature-mosaic{grid-template-columns:1fr;gap:10px}
 body.experience-modern.design-occasion .feature-mosaic>.feature-image{aspect-ratio:1.3;border-radius:80px 80px 0 0}
 body.experience-modern.design-occasion .process-grid>li{border-radius:50px 50px 0 0}

 body.experience-modern.design-roadside .sector-hero{grid-template-columns:1fr}
 body.experience-modern.design-roadside .sector-hero-copy{grid-column:1;grid-row:1;padding:40px 22px 32px}
 body.experience-modern.design-roadside .sector-hero-copy h1{font-size:clamp(43px,11.8vw,73px)}
 body.experience-modern.design-roadside .sector-hero-actions{gap:18px}
 body.experience-modern.design-roadside .sector-hero-actions .button{width:100%;min-height:57px;justify-content:space-between}
 body.experience-modern.design-roadside .sector-hero-media{grid-column:1;grid-row:2;min-height:0;aspect-ratio:1.65;height:auto;border-left:0;border-block:5px solid #e6b93c}
 body.experience-modern.design-roadside .sector-hero-index{grid-column:1;grid-row:3;padding:14px 22px 22px}
 body.experience-modern.design-roadside .sector-hero-index>a{padding:18px 0}
 body.experience-modern.design-roadside .sector-hero-signature{font-size:9px;padding:15px 22px;gap:15px}
 body.experience-modern.design-roadside .site-nav{background:#111e18;color:#fff7d4}
 body.experience-modern.design-roadside .menu-toggle{color:#f5ca54;border-color:#d5af45}
 body.experience-modern.design-roadside .feature-mosaic{grid-template-columns:1fr}
 body.experience-modern.design-roadside .feature-mosaic>.feature-image{aspect-ratio:1.4}
 body.experience-modern.design-roadside .about-section{padding:25px;grid-template-columns:1fr;border-left-width:6px}

 body.experience-modern.design-aggregate .sector-hero{grid-template-columns:1fr;gap:24px;padding-top:30px}
 body.experience-modern.design-aggregate .sector-hero-copy{grid-column:1;grid-row:1;padding:0}
 body.experience-modern.design-aggregate .sector-hero-copy h1{font-size:clamp(43px,11.3vw,68px)}
 body.experience-modern.design-aggregate .sector-hero-media{grid-column:1;grid-row:2;aspect-ratio:1.4;border-bottom-width:9px}
 body.experience-modern.design-aggregate .sector-hero-index{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
 body.experience-modern.design-aggregate .sector-hero-index>a{padding:18px 14px;gap:10px;border-bottom:1px solid #9a7c5366}
 body.experience-modern.design-aggregate .sector-hero-index .number{font-size:30px}
 body.experience-modern.design-aggregate .sector-hero-index strong{font-size:13px;line-height:1.45}
 body.experience-modern.design-aggregate .sector-hero-signature{padding-block:0 10px;font-size:9px;gap:12px}
 body.experience-modern.design-aggregate .feature-mosaic{grid-template-columns:1fr}
 body.experience-modern.design-aggregate .feature-mosaic>.feature-tile{border-bottom:1px solid #a1805055}
 body.experience-modern.design-aggregate .feature-mosaic>.feature-image{aspect-ratio:1.4}
 body.experience-modern.design-aggregate .process-grid>li{grid-template-columns:40px 1fr;gap:10px}
 body.experience-modern.design-aggregate .process-grid>li p{grid-column:2}
 body.experience-modern.design-aggregate .about-section{padding:26px;grid-template-columns:1fr}

 body.experience-modern.design-repair .sector-hero{grid-template-columns:1fr;gap:27px;padding-top:30px}
 body.experience-modern.design-repair .sector-hero-copy{grid-column:1;grid-row:1;padding-left:17px;border-left:4px solid #a3633b}
 body.experience-modern.design-repair .sector-hero-copy h1{font-size:clamp(39px,10.2vw,62px)}
 body.experience-modern.design-repair .sector-hero-media{grid-column:1;grid-row:2;aspect-ratio:1.45;margin-right:9px;box-shadow:8px 8px 0 #dce2df}
 body.experience-modern.design-repair .sector-hero-index{grid-column:1;grid-row:3;margin-top:2px;grid-template-columns:1fr}
 body.experience-modern.design-repair .sector-hero-index>a{padding:17px;border-right:0}
 body.experience-modern.design-repair .sector-hero-signature{padding-top:0;font-size:9px;gap:12px}
 body.experience-modern.design-repair .feature-mosaic{grid-template-columns:1fr;gap:14px}
 body.experience-modern.design-repair .feature-mosaic>.feature-image{aspect-ratio:1.4}
 body.experience-modern.design-repair .about-section{grid-template-columns:1fr}

 body.experience-modern.design-climate .sector-hero{grid-template-columns:1fr;gap:26px;padding-top:35px}
 body.experience-modern.design-climate .sector-hero-copy{grid-column:1;grid-row:1;text-align:center}
 body.experience-modern.design-climate .sector-hero-copy h1{font-size:clamp(44px,11.2vw,70px)}
 body.experience-modern.design-climate .sector-hero-actions{justify-content:center}
 body.experience-modern.design-climate .sector-hero-media{grid-column:1;grid-row:2;aspect-ratio:1.35;border-width:8px;border-radius:80px 80px 18px 18px}
 body.experience-modern.design-climate .sector-hero-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;margin-top:0;border-radius:19px}
 body.experience-modern.design-climate .sector-hero-index>a{flex-direction:column;align-items:flex-start;gap:8px;padding:17px 12px;border-radius:12px}
 body.experience-modern.design-climate .sector-hero-index strong{font-size:13px;line-height:1.5}
 body.experience-modern.design-climate .sector-hero-signature{padding-block:0 10px;font-size:10px;gap:14px}
 body.experience-modern.design-climate .feature-mosaic{grid-template-columns:1fr;gap:15px}
 body.experience-modern.design-climate .feature-mosaic>.feature-image{aspect-ratio:1.4}
 body.experience-modern.design-climate .about-section{padding:28px;grid-template-columns:1fr;border-radius:24px}
 body.experience-modern.design-climate .contact-band{border-radius:28px 28px 0 0}

 body.experience-modern.design-garden .sector-hero{grid-template-columns:1fr;gap:20px;padding-top:30px}
 body.experience-modern.design-garden .sector-hero-copy>.eyebrow{grid-column:1;grid-row:1}
 body.experience-modern.design-garden .sector-hero-copy h1{grid-column:1;grid-row:2;font-size:clamp(51px,13.6vw,82px);margin-bottom:4px}
 body.experience-modern.design-garden .sector-hero-media{grid-column:1;grid-row:3;aspect-ratio:1.35;border-width:6px;border-radius:80px 0 0 0}
 body.experience-modern.design-garden .sector-hero-description{grid-column:1;grid-row:4;margin-top:0;font-size:15px;max-width:none}
 body.experience-modern.design-garden .sector-hero-actions{grid-column:1;grid-row:5}
 body.experience-modern.design-garden .sector-hero-note{grid-column:1;grid-row:6;padding-bottom:0}
 body.experience-modern.design-garden .sector-hero-index{grid-column:1;grid-row:7;grid-template-columns:1fr;margin-top:4px}
 body.experience-modern.design-garden .sector-hero-index>a{display:flex;gap:17px;align-items:center;padding:18px 8px;border-right:0;border-bottom:1px solid #75846465}
 body.experience-modern.design-garden .sector-hero-signature{grid-column:1;grid-row:8;gap:15px;font-size:11px}
 body.experience-modern.design-garden .feature-mosaic{grid-template-columns:1fr;gap:10px}
 body.experience-modern.design-garden .feature-mosaic>.feature-image{aspect-ratio:1.4;border-radius:70px 0 0 0}
 body.experience-modern.design-garden .about-section{grid-template-columns:1fr}
 body.experience-modern.design-garden .contact-band{border-radius:50px 0 0 0}

 body.experience-modern.design-woodwork .header-inner{flex-direction:row;justify-content:space-between;min-height:88px;padding-block:14px}
 body.experience-modern.design-woodwork .brand{font-size:28px}
 body.experience-modern.design-woodwork .brand small{text-align:left}
 body.experience-modern.design-woodwork .sector-hero{grid-template-columns:1fr;gap:28px;padding-top:30px}
 body.experience-modern.design-woodwork .sector-hero-media{grid-column:1;grid-row:1;aspect-ratio:1.22;border-width:8px}
 body.experience-modern.design-woodwork .sector-hero-copy{grid-column:1;grid-row:2;padding-block:0}
 body.experience-modern.design-woodwork .sector-hero-copy h1{font-size:clamp(48px,12vw,73px)}
 body.experience-modern.design-woodwork .sector-hero-index{grid-template-columns:1fr;margin-top:0}
 body.experience-modern.design-woodwork .sector-hero-index>a{display:flex;gap:19px;align-items:center;text-align:left;padding:20px 8px;border-right:0;border-bottom:1px solid #927a5b66}
 body.experience-modern.design-woodwork .sector-hero-signature{padding-top:0;font-size:9px;gap:15px}
 body.experience-modern.design-woodwork .feature-mosaic{grid-template-columns:1fr}
 body.experience-modern.design-woodwork .feature-mosaic>.feature-tile{border-right:0;border-bottom:1px solid #927a5b66;padding:28px 10px}
 body.experience-modern.design-woodwork .feature-mosaic>.feature-image{aspect-ratio:1.4;border-width:6px}
 body.experience-modern.design-woodwork .about-section{text-align:left}
}

/* Brand controls retain the saved admin palette while the art direction stays distinct. */
body.experience-modern:is(.design-pulse,.design-signal,.design-cargo,.design-motion,.design-forge,.design-volt,.design-harvest,.design-clear,.design-occasion,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-garden,.design-woodwork) .button-primary{background:var(--primary);color:var(--on-primary)}
body.experience-modern:is(.design-pulse,.design-roadside) .button-primary{background:var(--accent);color:var(--on-accent)}
body.experience-modern:is(.design-pulse,.design-signal,.design-cargo,.design-motion,.design-forge,.design-volt,.design-harvest,.design-clear,.design-occasion,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-garden,.design-woodwork) .brand-symbol i{border-color:var(--accent)}
body.experience-modern:is(.design-pulse,.design-signal,.design-cargo,.design-motion,.design-forge,.design-volt,.design-harvest,.design-clear,.design-occasion,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-garden,.design-woodwork) .feature-mosaic>.feature-tile{color:inherit}

/* Pulse uses dark surfaces consistently, including progressive and interior-page UI. */
body.experience-modern.design-pulse{--surface:#17263b;--soft:#142236;--line:#ffffff26;--focus-ink:#a9c6ff;--focus-surface:#101b2b;--header-surface:#101b2b;--elevation:0 18px 60px #0003}
body.experience-modern.design-pulse p{color:#b8c8dd}
body.experience-modern.design-pulse :is(.section-intro,.breadcrumb,.article-date,.contact-item p,.work-card>p,.work-caption .eyebrow,.work-number,.service-index,.values-inner,.team-card>p,.request-note){color:#b8c8dd}
body.experience-modern.design-pulse :is(.experience-nav a,.eyebrow,.feature-tile-index,.request-step-list>span,.request-copy>.eyebrow,[data-faq-search-wrap],[data-faq-status]){color:#b1cbfa}
body.experience-modern.design-pulse :is(.section-heading h2,.request-copy h2,.faq-section h2,.page-heading h1,.contact-details h2,.work-caption h3,.team-card h3,.explorer-copy h3){color:#edf4ff}
body.experience-modern.design-pulse :is(.explorer-panel,.request-planner,.contact-form,.service-card,.team-placeholder,.empty-state){background:#17263b;color:#edf4ff;border-color:#415269}
body.experience-modern.design-pulse .explorer-copy>.eyebrow{color:#adc8fa}
body.experience-modern.design-pulse .explorer-tab{color:#cbdcf6;border-color:#415269}
body.experience-modern.design-pulse .explorer-tab:hover{background:#243751}
body.experience-modern.design-pulse .explorer-tab[aria-selected="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent);--focus-ink:var(--on-accent);--focus-surface:var(--accent)}
body.experience-modern.design-pulse :is(.request-planner label,.request-planner>.eyebrow,.contact-form label){color:#d7e6ff}
body.experience-modern.design-pulse :is(input,textarea,select,[data-faq-search],.request-planner select){background:#101e31;color:#e5efff;border-color:#61748f}
body.experience-modern.design-pulse :is(input,textarea)::placeholder{color:#a5b8d1;opacity:1}
body.experience-modern.design-pulse .request-summary{background:#101e31;color:#bdcee5}
body.experience-modern.design-pulse .faq-list details{border-color:#415269}
body.experience-modern.design-pulse .faq-list details[open] summary{color:#bbd4ff}
body.experience-modern.design-pulse .faq-list details>div{color:#b9cadf}
body.experience-modern.design-pulse :is(.text-link,.experience-nav,.team-section,.contact-item){border-color:#667b97}
body.experience-modern.design-pulse .projects-section{background:#142236}
body.experience-modern.design-pulse .about-section{color:#16283e;--focus-ink:#16283e;--focus-surface:#eaf0f8}
body.experience-modern.design-pulse .about-section :is(h2,.eyebrow,.about-symbol){color:#213b5d}
body.experience-modern.design-pulse .about-section p{color:#4e6077}
body.experience-modern.design-pulse .about-section .text-link{color:#213b5d;border-color:#667b97}
body.experience-modern.design-pulse .contact-band :is(h2,.eyebrow){color:#10223d}
body.experience-modern.design-pulse .back-to-top{background:#17263b;color:#d6e5ff;border-color:#7d93b2}
body.experience-modern.design-pulse .back-to-top:hover{background:var(--accent);color:var(--on-accent)}

/* Keep intrinsic photo ratios inside their tracks, including narrow mobile widths. */
body.experience-modern:is(.design-pulse,.design-signal,.design-cargo,.design-motion,.design-forge,.design-volt,.design-harvest,.design-clear,.design-occasion,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-garden,.design-woodwork) .sector-hero-media{overflow:hidden}
body.experience-modern:is(.design-pulse,.design-signal,.design-cargo,.design-motion,.design-forge,.design-volt,.design-harvest,.design-clear,.design-occasion,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-garden,.design-woodwork) .feature-mosaic{min-width:0}
body.experience-modern:is(.design-pulse,.design-signal,.design-cargo,.design-motion,.design-forge,.design-volt,.design-harvest,.design-clear,.design-occasion,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-garden,.design-woodwork) .feature-mosaic>.feature-image{width:100%;max-width:100%;min-width:0;min-height:0;grid-row:auto}
body.experience-modern:is(.design-pulse,.design-cargo,.design-motion,.design-forge,.design-volt,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-woodwork) .site-footer .footer-main p{color:#bbc9c6}
body.experience-modern:is(.design-pulse,.design-cargo,.design-motion,.design-forge,.design-volt,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-woodwork) .site-footer .footer-bottom{color:#abbcb5;border-color:#ffffff26}
@media(max-width:800px){
 body.experience-modern:is(.design-pulse,.design-signal,.design-cargo,.design-motion,.design-forge,.design-volt,.design-harvest,.design-clear,.design-occasion,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-garden,.design-woodwork) .feature-mosaic{grid-template-columns:minmax(0,1fr)}
 body.experience-modern:is(.design-pulse,.design-signal,.design-cargo,.design-motion,.design-forge,.design-volt,.design-harvest,.design-clear,.design-occasion,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-garden,.design-woodwork) .sector-hero-media{min-width:0;max-width:100%;min-height:0}
 body.experience-modern:is(.design-pulse,.design-signal,.design-cargo,.design-motion,.design-forge,.design-harvest,.design-clear,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-garden,.design-woodwork) .sector-hero-media{width:100%}
}

@media(prefers-reduced-motion:reduce){
 body.experience-modern:is(.design-pulse,.design-signal,.design-cargo,.design-motion,.design-forge,.design-volt,.design-harvest,.design-clear,.design-occasion,.design-roadside,.design-aggregate,.design-repair,.design-climate,.design-garden,.design-woodwork) .sector-hero-media{transition:none}
}