/* Lam Design / bespoke company profile 2026.
   Isolated from home, product, catalog and CRM layouts. */
.page-about{background:#f6f4ef;overflow-x:clip}
.page-about .atelier-profile{--at-ink:#22201d;--at-muted:#777069;--at-paper:#f6f4ef;--at-gold:#c49b5b;--at-gold-light:#ead0a2;--at-dark:#111416;--at-line:#d9d1c5;color:var(--at-ink);background:var(--at-paper);overflow:clip;font-family:Manrope,Arial,sans-serif;font-weight:400}
.page-about .atelier-profile *{box-sizing:border-box;border-radius:0!important;height: auto;}
.page-about .atelier-profile h1,.page-about .atelier-profile h2,.page-about .atelier-profile h3,.page-about .atelier-profile p,.page-about .atelier-profile figure{margin:0}
.page-about .atelier-profile h1,.page-about .atelier-profile h2,.page-about .atelier-profile h3{font-weight:400;letter-spacing:-.038em}
.page-about .atelier-profile h2 em,.page-about .atelier-profile h1 em{font-family:'Iowan Old Style',Baskerville,Georgia,serif;color:var(--at-gold);font-weight:400}
.page-about .atelier-profile button,.page-about .atelier-profile a{-webkit-tap-highlight-color:transparent}
.page-about .atelier-profile a:focus-visible,.page-about .atelier-profile button:focus-visible{outline:2px solid var(--at-gold);outline-offset:4px}
.page-about .atelier-profile .icon{width:16px;height:16px;stroke:currentColor;fill:none}
.page-about .atelier-profile__eyebrow{display:inline-flex;align-items:center;gap:12px;color:#967342;font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.5;text-transform:uppercase}
.page-about .atelier-profile__eyebrow--light{color:var(--at-gold-light)}
.page-about .atelier-profile__line{display:block;width:28px;height:1px;background:currentColor}
.page-about .atelier-profile__btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:45px;padding:12px 22px;border:1px solid transparent;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1.4;transition:background .25s,color .25s,border-color .25s,transform .25s}
.page-about .atelier-profile__btn:hover{transform:translateY(-2px)}
.page-about .atelier-profile__btn--filled{background:#d0ad73;border-color:#d0ad73;color:#1d1c19}
.page-about .atelier-profile__btn--filled:hover{background:#f1d59f;border-color:#f1d59f}
.page-about .atelier-profile__btn--outline{border-color:rgba(255,255,255,.53);color:#fff;background:rgba(4,5,7,.12)}
.page-about .atelier-profile__btn--outline:hover{border-color:#e9d2ab;color:#ead0a2}
/* Hero / full-screen editorial cover */
.page-about .atelier-profile__hero{position:relative;isolation:isolate;min-height:clamp(580px,76svh,815px);background:#121619;color:#fff;display:flex;flex-direction:column;overflow:hidden}
.page-about .atelier-profile__hero-media,.page-about .atelier-profile__hero-shade{position:absolute;inset:0;pointer-events:none}
.page-about .atelier-profile__hero-media{z-index:-2;overflow:hidden}
.page-about .atelier-profile__hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:brightness(.8) saturate(.82)}
.page-about .atelier-profile__hero-player{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity 1.1s ease}
.page-about .atelier-profile__hero-player.is-ready{opacity:1}
.page-about .atelier-profile__hero-player iframe,.page-about .atelier-profile__hero-player video{position:absolute;top:50%;left:50%;height:100%;width:100%;min-width:100%;min-height:100%;object-fit:cover;border:0;transform:translate(-50%,-50%);pointer-events:none}
.page-about .atelier-profile__hero-player iframe{width:max(100%,177.78vh);height:max(100%,56.25vw)}
.page-about .atelier-profile__hero-player video{width:100%;height:100%}
.page-about .atelier-profile__hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(8,11,14,.85) 0%,rgba(8,11,14,.49) 51%,rgba(8,11,14,.17) 100%),linear-gradient(0deg,rgba(6,7,9,.81) 0%,transparent 48%,rgba(6,7,9,.22) 100%)}
.page-about .atelier-profile__hero-inner{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-top:40px;padding-bottom:28px;min-height:inherit}
.page-about .atelier-profile__hero-top{display:flex;align-items:center;justify-content:space-between;gap:30px}
.page-about .atelier-profile__hero .breadcrumbs{margin:0}
.page-about .atelier-profile__hero .breadcrumbs li,.page-about .atelier-profile__hero .breadcrumbs a{color:#ffffffb3;font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.page-about .atelier-profile__hero-edition{font-size:9px;font-weight:650;letter-spacing:.16em;color:#e5d5bc;white-space:nowrap}
.page-about .atelier-profile__hero-edition i{display:inline-block;width:25px;height:1px;background:#d3b07a;vertical-align:middle;margin-inline:9px}
.page-about .atelier-profile__hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}
.page-about .atelier-profile__hero-text{width:min(650px,100%);animation:at-enter .85s ease both}
.page-about .atelier-profile__hero h1 {
    font-size: 30px !important;
    line-height: 1.18;
    color: #fff;
    font-style: italic;
    margin: 19px 0 20px;
    font-family: 'Iowan Old Style', Baskerville, Georgia, serif;
    letter-spacing: -.052em;
}
.page-about .atelier-profile__hero h1 em{font-size:.92em;color:#e9cb91;font-style:italic;letter-spacing:-.025em}
.page-about .atelier-profile__hero-text p{max-width:480px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.95;font-weight:400;margin-bottom:27px}
.page-about .atelier-profile__hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.page-about .atelier-profile__hero-corner{min-width:166px;padding:22px 0 0 18px;border-top:1px solid #cfab6a;border-left:1px solid #cba96a66;display:grid;gap:24px}
.page-about .atelier-profile__hero-corner>span{font:italic 17px/1.35 Baskerville,Georgia,serif;letter-spacing:.05em;color:#e7d1ab}
.page-about .atelier-profile__hero-corner small{font-size:8px;letter-spacing:.16em;color:#ffffffb3}
.page-about .atelier-profile__hero-corner b{display:block;font-size:18px;font-weight:300;margin-top:3px}
/* Short jump navigation */
/* Compact brand introduction */
.page-about .atelier-profile__intro{padding:91px 0 100px;background:#f7f6f2}
.page-about .atelier-profile__intro-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(45px,7vw,110px)}
.page-about .atelier-profile__intro-visual{position:relative;padding:0 35px 24px 0}
.page-about .atelier-profile__intro-image{position:relative;aspect-ratio:1.38/1;background:#d8d0c3;overflow:hidden}
.page-about .atelier-profile__intro-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.74) contrast(1.04);transition:transform 1s ease}
.page-about .atelier-profile__intro-visual:hover img{transform:scale(1.035)}
.page-about .atelier-profile__intro-stamp{position:absolute;right:0;bottom:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:118px;height:130px;background:#c5a26b;color:#251c13;box-shadow:12px 13px 0 #edebe6}
.page-about .atelier-profile__intro-stamp span{font-family:Georgia,serif;font-size:15px;font-weight:400;letter-spacing:.08em}
.page-about .atelier-profile__intro-stamp i{font-size:18px;font-weight:300;font-style:normal;line-height:1.4}
.page-about .atelier-profile__intro-image-caption{position:absolute;bottom:1px;left:0;font-size:9px;color:#897f70;letter-spacing:.15em}
.page-about .atelier-profile__intro-copy{padding-top:7px;max-width:445px}
.page-about .atelier-profile__intro h2{margin:19px 0 19px;font-size:clamp(30px,2.8vw,38px);line-height:1.25}
.page-about .atelier-profile__intro h2 em{display:block;font-style:italic}
.page-about .atelier-profile__intro-rule{width:46px;height:1px;background:#aa8859;margin:19px 0 24px}
.page-about .atelier-profile__intro-copy p{font-size:12px;line-height:2;color:#514e49;margin-bottom:16px;font-weight:400}
.page-about .atelier-profile__intro-copy p.atelier-profile__intro-secondary{color:#8b8278}
.page-about .atelier-profile__inline-link{display:inline-flex;align-items:center;gap:18px;margin-top:10px;font-size:10px;font-weight:650;letter-spacing:.11em;color:#88683c}
.page-about .atelier-profile__inline-link span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #bcab90;transition:background .2s}
.page-about .atelier-profile__inline-link:hover span{background:#e7d3ae}
/* Featured spaces with real sliding frames */
.page-about .atelier-profile__showcase{background:#101315;color:#fff;padding:85px 0 54px}
.page-about .atelier-profile__section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:35px}
.page-about .atelier-profile__section-heading>div{max-width:750px}
.page-about .atelier-profile__section-heading h2{font-size:clamp(29px,2.9vw,38px);line-height:1.22;margin-top:13px}
.page-about .atelier-profile__section-heading h2 em{font-style:italic}
.page-about .atelier-profile__section-heading>p{max-width:260px;color:#88837c;font-size:11px;line-height:1.9;margin-bottom:4px}
.page-about .atelier-profile__showcase h2{color:#f6f2ea}
.page-about .atelier-profile__showcase-heading>p{color:#b6aba0}
.page-about .atelier-profile__carousel-stage{position:relative;height:clamp(370px,41vw,610px);overflow:hidden;background:#202529}
.page-about .atelier-profile__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s cubic-bezier(.2,.6,.25,1),visibility .85s;overflow:hidden}
.page-about .atelier-profile__slide.is-active{opacity:1;visibility:visible;z-index:1}
.page-about .atelier-profile__slide>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(1.035);transition:transform 7.5s ease;filter:saturate(.88)}
.page-about .atelier-profile__slide.is-active>img{transform:scale(1)}
.page-about .atelier-profile__slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,11,.76) 0%,rgba(7,9,11,.22) 47%,transparent 85%),linear-gradient(0deg,rgba(7,9,11,.46),transparent 45%);pointer-events:none}
.page-about .atelier-profile__slide-caption{position:absolute;bottom:clamp(36px,6.4vw,89px);left:max(30px,calc((100% - 1220px)/2));z-index:1;max-width:560px;padding-right:22px;transform:translateY(12px);opacity:0;transition:opacity .65s .18s,transform .65s .18s}
.page-about .atelier-profile__slide.is-active .atelier-profile__slide-caption{opacity:1;transform:translateY(0)}
.page-about .atelier-profile__slide-caption span{display:block;color:#e0bb82;font-size:10px;letter-spacing:.16em;margin-bottom:14px}
.page-about .atelier-profile__slide-caption strong{display:block;font:400 clamp(25px,3.4vw,44px)/1.18 'Iowan Old Style',Baskerville,Georgia,serif;letter-spacing:-.022em;color:#fff}
.page-about .atelier-profile__slide-caption small{display:block;margin-top:13px;max-width:350px;font-size:11px;line-height:1.85;color:#ffffffd1}
.page-about .atelier-profile__carousel-counter{position:absolute;bottom:36px;right:max(30px,calc((100% - 1220px)/2));z-index:2;display:flex;align-items:baseline;gap:9px;color:#fff;font-family:Georgia,serif;font-size:23px;font-weight:400}
.page-about .atelier-profile__carousel-counter i{font-size:12px;color:#d3bd9c;font-style:normal}
.page-about .atelier-profile__carousel-counter span:last-child{font-size:11px;color:#cfbeab}
.page-about .atelier-profile__carousel-side{position:absolute;z-index:2;right:23px;top:37px;color:#fff9;font-size:8px;letter-spacing:.21em;writing-mode:vertical-rl}
.page-about .atelier-profile__carousel-controls{display:flex;align-items:center;justify-content:space-between;padding-top:16px}
.page-about .atelier-profile__carousel-dots{display:flex;align-items:center;gap:3px}
.page-about .atelier-profile__carousel-dots button{width:40px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;padding:0;cursor:pointer}
.page-about .atelier-profile__carousel-dots button span{width:100%;height:2px;background:#67686b;transition:height .2s,background .2s}
.page-about .atelier-profile__carousel-dots button.is-active span,.page-about .atelier-profile__carousel-dots button:hover span{height:3px;background:#d7ac6d}
.page-about .atelier-profile__carousel-arrows{display:flex;gap:7px}
.page-about .atelier-profile__carousel-arrows button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #777978;color:#eee;background:transparent;transition:background .2s,color .2s;cursor:pointer}
.page-about .atelier-profile__carousel-arrows button:hover{color:#161819;background:#d5b179;border-color:#d5b179}
.page-about .atelier-profile__disclaimer{color:#94918b;margin-top:11px!important;font-size:9px;line-height:1.5}
/* Image-led capability rail */
.page-about .atelier-profile__expertise{padding:96px 0 108px;background:#f6f4ef}
.page-about .atelier-profile__expertise h2,.page-about .atelier-profile__process h2{color:#25211c}
.page-about .atelier-profile__expertise-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.page-about .atelier-profile__expertise-card{min-width:0}
.page-about .atelier-profile__expertise-media{position:relative;aspect-ratio:1.26/1;overflow:hidden;background:#d9d3ca}
.page-about .atelier-profile__expertise-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:filter .5s,transform .75s}
.page-about .atelier-profile__expertise-card:hover img{filter:saturate(.94);transform:scale(1.05)}
.page-about .atelier-profile__expertise-media>span{position:absolute;top:15px;left:17px;display:grid;place-items:center;width:37px;height:37px;border:1px solid #ffffff9e;background:#15120e5e;color:#fff;font-size:12px;font-weight:400}
.page-about .atelier-profile__expertise-copy{padding:23px 5px 0;border-top:2px solid transparent}
.page-about .atelier-profile__expertise-copy small{color:#a27d4a;font-size:9px;letter-spacing:.15em;font-weight:650}
.page-about .atelier-profile__expertise-copy h3{font-size:19px;line-height:1.35;margin-top:8px;margin-bottom:8px;letter-spacing:-.025em}
.page-about .atelier-profile__expertise-copy p{color:#79736c;font-size:11px;line-height:1.8;max-width:280px}
/* Full-bleed photo manifesto */
.page-about .atelier-profile__philosophy{position:relative;min-height:380px;background:#1d211f;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;isolation:isolate;overflow:hidden}
.page-about .atelier-profile__philosophy-image{position:absolute;inset:0;z-index:-2}
.page-about .atelier-profile__philosophy-image img{width:100%;height:100%;object-fit:cover;object-position:center 51%;filter:brightness(.66) saturate(.7)}
.page-about .atelier-profile__philosophy:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d1112be,#0c1112a8),linear-gradient(0deg,#14171575,transparent)}
.page-about .atelier-profile__philosophy-inner{padding:65px 0}
.page-about .atelier-profile__philosophy-inner>span{color:#dbbb82;font-size:10px;letter-spacing:.19em;font-weight:550}
.page-about .atelier-profile__philosophy h2{color:#fff;font:400 clamp(25px,3.1vw,39px)/1.5 Georgia,serif;letter-spacing:-.025em;margin:17px auto;max-width:890px}
.page-about .atelier-profile__philosophy h2 em{color:#efd1a2;font-style:italic}
.page-about .atelier-profile__philosophy-inner>div{width:52px;height:1px;background:#d6b478;margin:20px auto}
.page-about .atelier-profile__philosophy-inner>small{color:#d5cdc1;font-size:8px;letter-spacing:.16em}
/* Crisp numbered process, no bulky article cards */
.page-about .atelier-profile__process{padding:94px 0 99px;background:#fff}
.page-about .atelier-profile__process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #dad1c4}
.page-about .atelier-profile__process-list li{position:relative;padding:28px 24px 6px 0;margin-right:22px}
.page-about .atelier-profile__process-list li:not(:last-child):after{content:"";position:absolute;right:0;top:30px;bottom:0;width:1px;background:#eee9e2}
.page-about .atelier-profile__process-list li>span{display:block;color:#af8959;font:italic 28px Georgia,serif;margin-bottom:17px}
.page-about .atelier-profile__process-list li h3{font-size:17px;color:#24201c;margin-bottom:7px}
.page-about .atelier-profile__process-list li p{font-size:11px;color:#817a70;line-height:1.75;max-width:230px}
/* Final cinematic contact */
.page-about .atelier-profile__closing{position:relative;min-height:375px;background:#16191a;color:#fff;isolation:isolate;overflow:hidden}
.page-about .atelier-profile__closing-image{position:absolute;inset:0;z-index:-2}
.page-about .atelier-profile__closing-image img{width:100%;height:100%;object-fit:cover;object-position:65% 52%;filter:brightness(.58) saturate(.67)}
.page-about .atelier-profile__closing:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101315f2,#101315d2 55%,#10131564)}
.page-about .atelier-profile__closing-inner{min-height:inherit;display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:65px;padding:67px 0}
.page-about .atelier-profile__closing h2{color:#fff;font-size:clamp(30px,2.9vw,39px);line-height:1.25;margin:15px 0 13px}
.page-about .atelier-profile__closing h2 em{color:#e7c78f;font-style:italic}
.page-about .atelier-profile__closing-inner>div>p{max-width:490px;font-size:11px;line-height:1.85;color:#ccc3b5;margin-bottom:23px}
.page-about .atelier-profile__closing-contact{border-top:1px solid #ceb28a7d}
.page-about .atelier-profile__closing-contact a{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:19px 0;border-bottom:1px solid #ffffff32}
.page-about .atelier-profile__closing-contact small{grid-column:1/-1;color:#d7b785;font-size:9px;letter-spacing:.14em}
.page-about .atelier-profile__closing-contact strong{font-size:13px;color:#fff;font-weight:450;overflow-wrap:anywhere}
.page-about .atelier-profile__closing-contact .icon{width:17px;height:17px;color:#d7b785}
@keyframes at-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){
.page-about .atelier-profile__hero-inner{padding-top:25px}
.page-about .atelier-profile__intro-grid{gap:42px}
.page-about .atelier-profile__slide-caption{left:28px}
.page-about .atelier-profile__carousel-counter{right:28px}
}
@media(max-width:760px){
.page-about .atelier-profile__hero{min-height:clamp(485px,76svh,670px)}
.page-about .atelier-profile__hero-inner{padding-top:17px;padding-bottom:30px}
.page-about .atelier-profile__hero-media>img{object-position:62% center}
.page-about .atelier-profile__hero-player iframe{width:max(100%,177.78svh);height:max(100%,56.25vw)}
.page-about .atelier-profile__hero-shade{background:linear-gradient(0deg,rgba(5,8,10,.92),rgba(5,8,10,.55) 55%,rgba(5,8,10,.34)),linear-gradient(90deg,rgba(5,8,10,.35),transparent)}
.page-about .atelier-profile__hero-edition{font-size:7px;letter-spacing:.09em}
.page-about .atelier-profile__hero-edition i{width:9px;margin-inline:3px}
.page-about .atelier-profile__hero .breadcrumbs li,.page-about .atelier-profile__hero .breadcrumbs a{font-size:8px}
.page-about .atelier-profile__hero-bottom{display:block}
.page-about .atelier-profile__hero h1{font-size:clamp(31px,8.8vw,43px);line-height:1.13;margin:14px 0 16px}
.page-about .atelier-profile__hero-text p{max-width:345px;font-size:11px;line-height:1.75;margin-bottom:20px}
.page-about .atelier-profile__hero-actions{gap:8px}
.page-about .atelier-profile__btn{min-height:42px;padding:11px 13px;gap:9px;font-size:9px}
.page-about .atelier-profile__hero-actions .atelier-profile__btn--outline{display:none}
.page-about .atelier-profile__hero-corner{display:none}
.page-about .atelier-profile__intro{padding:55px 0 62px}
.page-about .atelier-profile__intro-grid{display:flex;flex-direction:column;align-items:stretch;gap:25px}
.page-about .atelier-profile__intro-visual{padding-right:18px;padding-bottom:15px}
.page-about .atelier-profile__intro-image{aspect-ratio:1.55/1}
.page-about .atelier-profile__intro-stamp{width:70px;height:76px;bottom:36px;box-shadow:5px 7px 0 #edebe6}
.page-about .atelier-profile__intro-stamp span{font-size:9px}
.page-about .atelier-profile__intro-stamp i{font-size:11px}
.page-about .atelier-profile__intro-image-caption{font-size:7px}
.page-about .atelier-profile__intro-copy{padding:0}
.page-about .atelier-profile__intro h2{font-size:clamp(27px,7.8vw,36px);line-height:1.24;margin:12px 0}
.page-about .atelier-profile__intro h2 em{display:inline}
.page-about .atelier-profile__intro-rule{margin:13px 0}
.page-about .atelier-profile__intro-copy p{font-size:11px;line-height:1.77;margin-bottom:8px}
.page-about .atelier-profile__intro-copy .atelier-profile__intro-secondary{display:none}
.page-about .atelier-profile__inline-link{font-size:9px;margin-top:9px}
.page-about .atelier-profile__showcase{padding:55px 0 31px}
.page-about .atelier-profile__section-heading{display:block;margin-bottom:23px}
.page-about .atelier-profile__section-heading h2{font-size:clamp(27px,7.6vw,35px);line-height:1.24;margin-top:10px}
.page-about .atelier-profile__section-heading>p{display:none}
.page-about .atelier-profile__carousel-stage{height:clamp(275px,81vw,455px)}
.page-about .atelier-profile__slide>img{object-position:center}
.page-about .atelier-profile__slide:after{background:linear-gradient(0deg,rgba(7,9,11,.82),rgba(7,9,11,.04) 80%)}
.page-about .atelier-profile__slide-caption{left:17px;bottom:24px;right:50px;padding:0}
.page-about .atelier-profile__slide-caption span{font-size:8px;margin-bottom:8px}
.page-about .atelier-profile__slide-caption strong{font-size:clamp(23px,6vw,31px);line-height:1.2}
.page-about .atelier-profile__slide-caption small{font-size:10px;line-height:1.6;margin-top:8px;max-width:255px}
.page-about .atelier-profile__carousel-counter{right:15px;bottom:20px;font-size:19px;gap:5px}
.page-about .atelier-profile__carousel-counter span:last-child{font-size:10px}
.page-about .atelier-profile__carousel-side{display:none}
.page-about .atelier-profile__carousel-controls{padding-top:9px}
.page-about .atelier-profile__carousel-dots button{width:27px;height:24px}
.page-about .atelier-profile__carousel-arrows button{width:33px;height:33px}
.page-about .atelier-profile__disclaimer{font-size:8px;margin-top:8px!important}
.page-about .atelier-profile__expertise{padding:58px 0 59px}
.page-about .atelier-profile__expertise-rail{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-14px;padding-right:14px;padding-bottom:12px}
.page-about .atelier-profile__expertise-rail::-webkit-scrollbar{display:none}
.page-about .atelier-profile__expertise-card{flex:0 0 min(72vw,290px);scroll-snap-align:start}
.page-about .atelier-profile__expertise-media{aspect-ratio:1.26/1}
.page-about .atelier-profile__expertise-media>span{width:31px;height:31px;font-size:10px;top:12px;left:12px}
.page-about .atelier-profile__expertise-copy{padding:14px 1px 0}
.page-about .atelier-profile__expertise-copy small{font-size:8px}
.page-about .atelier-profile__expertise-copy h3{font-size:16px;margin:5px 0}
.page-about .atelier-profile__expertise-copy p{font-size:10px;line-height:1.65}
.page-about .atelier-profile__philosophy{min-height:260px}
.page-about .atelier-profile__philosophy-inner{padding:45px 0}
.page-about .atelier-profile__philosophy-inner>span{font-size:8px}
.page-about .atelier-profile__philosophy h2{font-size:clamp(20px,5.9vw,26px);line-height:1.43;margin:13px auto}
.page-about .atelier-profile__philosophy h2 br{display:none}
.page-about .atelier-profile__philosophy-inner>div{margin:15px auto}
.page-about .atelier-profile__philosophy-inner>small{font-size:7px}
.page-about .atelier-profile__process{padding:55px 0 59px}
.page-about .atelier-profile__process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.page-about .atelier-profile__process-list li{margin:0;padding:17px 9px 14px 0;border-bottom:1px solid #eee9e2}
.page-about .atelier-profile__process-list li:not(:last-child):after{display:none}
.page-about .atelier-profile__process-list li>span{font-size:20px;margin-bottom:7px}
.page-about .atelier-profile__process-list li h3{font-size:13px;margin-bottom:4px}
.page-about .atelier-profile__process-list li p{font-size:10px;line-height:1.6}
.page-about .atelier-profile__closing{min-height:0}
.page-about .atelier-profile__closing-inner{display:block;padding:56px 0 49px}
.page-about .atelier-profile__closing h2{font-size:clamp(27px,7.5vw,35px);margin:13px 0 11px}
.page-about .atelier-profile__closing-inner>div>p{font-size:11px;line-height:1.65;margin-bottom:20px}
.page-about .atelier-profile__closing-contact{display:flex;gap:15px;margin-top:26px}
.page-about .atelier-profile__closing-contact a{flex:1;min-width:0;padding:13px 0}
.page-about .atelier-profile__closing-contact small{font-size:7px}
.page-about .atelier-profile__closing-contact strong{font-size:10px}
.page-about .atelier-profile__closing-contact .icon{display:none}
}
@media(max-width:370px){
.page-about .atelier-profile__hero-top .breadcrumbs{display:none}
.page-about .atelier-profile__hero h1{font-size:31px}
.page-about .atelier-profile__closing-contact{display:block}
}
@media(prefers-reduced-motion:reduce){.page-about .atelier-profile *, .page-about .atelier-profile *:before,.page-about .atelier-profile *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* The same CRM-controlled photo rail used on the homepage; scoped exclusively to About. */
.page-about .atelier-profile .design-craft {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(76px, 8vw, 132px) 0;
    color: #fff;
    background:
        radial-gradient(circle at 82% 16%, rgb(214 166 80 / 18%), transparent 26%),
        linear-gradient(124deg, #080b0f 0%, #11161b 51%, #090c10 100%);
}

.page-about .atelier-profile .design-craft::before,
.page-about .atelier-profile .design-craft::after {
    z-index: -1;
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
}

.page-about .atelier-profile .design-craft::before {
    opacity: .44;
    background-image: linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px);
    background-size: 76px 100%;
    mask-image: linear-gradient(90deg, #000, transparent 74%);
}

.page-about .atelier-profile .design-craft::after {
    opacity: .56;
    background: linear-gradient(180deg, rgb(255 255 255 / 3%), transparent 28%, rgb(0 0 0 / 22%) 100%);
}


.page-about .atelier-profile .design-craft {
    padding: 39px 0px;
}
.page-about .atelier-profile .design-craft__showcase {
    max-width: 1420px;
    position: relative;
    z-index: 1;
}
.page-about .atelier-profile .design-craft__heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 20px;
}
.page-about .atelier-profile .design-craft__heading-copy {
    min-width: 0;
    max-width: 910px;
}
.page-about .atelier-profile .design-craft__eyebrow {
    margin-bottom: 5px;
    color: #e8bd6b;
    font-size: 11px;
}
.page-about .atelier-profile .design-craft__heading h2 {
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.page-about .atelier-profile .design-craft__heading p {
    color: rgb(255 255 255 / 68%);
    margin: 17px 0 0;
    font-size: clamp(12px, 1.15vw, 15px);
    line-height: 1.75;
    display: none;
}
.page-about .atelier-profile .design-craft__navigation {
    flex: 0 0 auto;
    display: flex;
    gap: 10px;
    padding-bottom: 2px;
}
.page-about .atelier-profile .design-craft__nav {
    appearance: none;
    border: 0px solid rgb(234 193 114 / 36%);
    border-radius: 0 !important;
    box-shadow: none !important;
    background: rgb(234 193 114 / 12%);
    color: #f7d386;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    cursor: pointer;
    transition: color .24s ease, background .24s ease, border-color .24s ease;
}
.page-about .atelier-profile .design-craft__nav .icon { width: 18px; height: 18px; color: currentColor; }
.page-about .atelier-profile .design-craft__nav:hover,
.page-about .atelier-profile .design-craft__nav:focus-visible {
    color: #101114;
    background: #edc779;
    border-color: #edc779;
    outline: 0;
}
.page-about .atelier-profile .design-craft__panels {
    display: flex;
    align-items: stretch;
    gap: 11px;
    width: 100%;
    height: clamp(370px, 35vw, 520px);
    overflow: hidden;
    isolation: isolate;
    touch-action: pan-y;
}
.page-about .atelier-profile .design-craft__panel {
    position: relative;
    box-sizing: border-box;
    flex: 0 0 6%;
    min-width: 0;
    height: 100%;
    display: block;
    padding: 0;
    overflow: hidden;
    border: none;
    border-radius: 0 !important;
    box-shadow: none !important;
    appearance: none;
    background: #30302c;
    color: #fff;
    cursor: pointer;
    text-align: left;
    backface-visibility: hidden;
    will-change: transform, flex-basis;
    transform-origin: center center;
    transition: flex-basis .82s cubic-bezier(.18, .86, .24, 1), filter .42s ease, opacity .42s ease;
}
.page-about .atelier-profile .design-craft__panels.is-measuring .design-craft__panel { transition: none !important; }
.page-about .atelier-profile .design-craft__panel[data-position="0"] { flex-basis: calc(63% - 33px); z-index: 4; }
.page-about .atelier-profile .design-craft__panel[data-position="1"] { flex-basis: 18%; z-index: 3; }
.page-about .atelier-profile .design-craft__panel[data-position="2"] { flex-basis: 11%; z-index: 2; }
.page-about .atelier-profile .design-craft__panel[data-position="3"] { flex-basis: 8%; z-index: 1; }
.page-about .atelier-profile .design-craft__panel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: brightness(.87) saturate(.92);
    transform: scale(1.055);
    transition: transform .84s cubic-bezier(.18, .86, .24, 1), filter .48s ease, opacity .48s ease;
}
.page-about .atelier-profile .design-craft__panel.is-active img {
    filter: brightness(1) saturate(1);
    transform: scale(1);
}
.page-about .atelier-profile .design-craft__panel:not(.is-active):hover img,
.page-about .atelier-profile .design-craft__panel:not(.is-active):focus-visible img {
    transform: scale(1.08);
    filter: brightness(1.04) saturate(.98);
}
.page-about .atelier-profile .design-craft__panel:focus-visible { outline: 3px solid #edc779; outline-offset: -3px; }
.page-about .atelier-profile .design-craft__panel-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgb(0 0 0 / 4%) 15%, transparent 36%, rgb(0 0 0 / 69%) 100%);
    pointer-events: none;
}
.page-about .atelier-profile .design-craft__panel-index {
    position: absolute;
    top: 19px;
    left: 19px;
    color: #f3cb7c;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
}
.page-about .atelier-profile .design-craft__panel-copy {
    position: absolute;
    left: clamp(18px, 2.5vw, 34px);
    bottom: clamp(20px, 2.5vw, 34px);
    width: min(500px, calc(100% - 50px));
    display: grid;
    gap: 2px;
    opacity: 0;
    transform: translateY(16px);
    pointer-events: none;
    transition: opacity .34s ease, transform .56s cubic-bezier(.18, .86, .24, 1);
}
.page-about .atelier-profile .design-craft__panel.is-active .design-craft__panel-copy {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .22s;
}
.page-about .atelier-profile .design-craft__panel-copy > span {
    color: #f1cc84;
    letter-spacing: .17em;
    font-size: 12px;
    font-weight: 400;
}
.page-about .atelier-profile .design-craft__panel-copy > strong {
    font-size: 18px;
    line-height: 1.15;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.18px;
}
.page-about .atelier-profile .design-craft__detail {
    min-height: 39px;
    padding-top: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px 44px;
}
.page-about .atelier-profile .design-craft__detail-copy { max-width: 840px; min-width: 0; }
.page-about .atelier-profile .design-craft__detail-copy > span {
    display: block;
    color: #e9c47a;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .15em;
}
.page-about .atelier-profile .design-craft__detail-copy > h3 {
    color: #fff;
    font-size: clamp(19px, 2vw, 27px);
    letter-spacing: -.035em;
    font-weight: 570;
    line-height: 1.3;
    margin: 8px 0 5px;
    display: none;
}
.page-about .atelier-profile .design-craft__detail-copy > p {
    color: rgb(255 255 255 / 65%);
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
}
.page-about .atelier-profile .design-craft__detail-copy.is-updating {
    animation: design-detail-appear .48s cubic-bezier(.15, .7, .2, 1) both;
}
@keyframes design-detail-appear {
    from { opacity: .35; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
.page-about .atelier-profile .design-craft__detail .design-craft__cta {
    flex: 0 0 auto;
    margin: 0;
    border: 0px solid rgb(236 200 125 / 12%);
    padding: 15px 19px;
    font-size: 12.8px;
    background: rgb(236 200 125 / 12%);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 1px;
    white-space: nowrap;
    box-shadow: none;
}
.page-about .atelier-profile .design-craft__detail .design-craft__cta:hover,
.page-about .atelier-profile .design-craft__detail .design-craft__cta:focus-visible {
    color: #0c0e11;
    background: #efcc84;
    border-color: #efcc84;
}
.page-about .atelier-profile .design-craft__progress {
    display: flex;
    gap: 8px;
    align-items: center;
    max-width: 380px;
    padding-top: 14px;
}
.page-about .atelier-profile .design-craft__progress-item {
    flex: 1;
    height: 19px;
    display: flex;
    align-items: center;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
}
.page-about .atelier-profile .design-craft__progress-item > span {
    display: block;
    width: 100%;
    height: 2px;
    background: rgb(255 255 255 / 20%);
    transition: background .3s ease, height .3s ease;
}
.page-about .atelier-profile .design-craft__progress-item.is-active > span,
.page-about .atelier-profile .design-craft__progress-item:hover > span,
.page-about .atelier-profile .design-craft__progress-item:focus-visible > span {
    background: #e9bf70;
    height: 3px;
}
.page-about .atelier-profile .design-craft__progress-item:focus-visible { outline: 2px solid #edc779; outline-offset: 2px; }
.page-about .atelier-profile .design-craft__fineprint {
    color: rgb(255 255 255 / 38%);
    margin: 12px 0 0;
    font-size: 10px;
    line-height: 1.45;
        display: none;
}

@media (max-width: 980px) {
    .page-about .atelier-profile .design-craft__panels { gap: 9px; height: clamp(355px, 48vw, 480px); }
    .page-about .atelier-profile .design-craft__panel[data-position="0"] { flex-basis: calc(64% - 27px); }
    .page-about .atelier-profile .design-craft__panel[data-position="1"] { flex-basis: 18%; }
    .page-about .atelier-profile .design-craft__panel[data-position="2"] { flex-basis: 10%; }
    .page-about .atelier-profile .design-craft__panel[data-position="3"] { flex-basis: 8%; }
    .page-about .atelier-profile .design-craft__detail { gap: 20px; }
    .page-about .atelier-profile .design-craft__detail .design-craft__cta { max-width: 260px; white-space: normal; }
}
@media (max-width: 760px) {
    .page-about .atelier-profile .spotlight-mosaic { padding: 80px 0 20px; }
    .page-about .atelier-profile .design-craft {
    padding: 50px 0 50px;
    z-index: 1;
    margin-bottom: -45px;
}
    .page-about .atelier-profile .design-craft__heading { gap: 14px; align-items: end; margin-bottom: 23px; }
    .page-about .atelier-profile .design-craft__heading h2 {
    font-size: 15px;
    line-height: 1.5;
}
    .page-about .atelier-profile .design-craft__heading p { font-size: 12px; line-height: 1.65; margin-top: 12px; }
    .page-about .atelier-profile .design-craft__eyebrow { font-size: 9px; letter-spacing: .1em; margin-bottom: 2px; }
    .page-about .atelier-profile .design-craft__navigation { gap: 6px; align-self: end; }
    .page-about .atelier-profile .design-craft__nav { width: 34px; height: 36px; }
    .page-about .atelier-profile .design-craft__nav .icon { width: 15px; height: 15px; }
    .page-about .atelier-profile .design-craft__panels { height: clamp(310px, 90vw, 415px); gap: 5px; }
    .page-about .atelier-profile .design-craft__panel[data-position="0"] { flex-basis: calc(74% - 15px); }
    .page-about .atelier-profile .design-craft__panel[data-position="1"] { flex-basis: 11%; }
    .page-about .atelier-profile .design-craft__panel[data-position="2"] { flex-basis: 8%; }
    .page-about .atelier-profile .design-craft__panel[data-position="3"] { flex-basis: 7%; }
    .page-about .atelier-profile .design-craft__panel-index { top: 10px; left: 8px; font-size: 9px; }
    .page-about .atelier-profile .design-craft__panel-copy { left: 14px; bottom: 20px; width: calc(100% - 25px); gap: 7px; }
    .page-about .atelier-profile .design-craft__panel-copy > span {
       font-size: 9px;
       letter-spacing: .1em;
       margin-bottom: -5px;
   }
    .page-about .atelier-profile .design-craft__panel-copy > strong { font-size: 12.8px; }
    .page-about .atelier-profile .design-craft__detail { min-height: 0; padding-top: 20px; align-items: start; flex-direction: column; gap: 16px; }
    .page-about .atelier-profile .design-craft__detail-copy > h3 { font-size: 19px; margin-top: 7px; }
    .page-about .atelier-profile .design-craft__detail-copy > p { font-size: 13.8px; line-height: 1.65; }
    .page-about .atelier-profile .design-craft__detail .design-craft__cta { max-width: none; width: 100%; justify-content: space-between; padding: 13px 15px; font-size: 11px; }
    .page-about .atelier-profile .design-craft__progress { max-width: none; padding-top: 19px; }
}
@media (max-width: 370px) {
    .page-about .atelier-profile .design-craft__heading { flex-wrap: wrap; }
    .page-about .atelier-profile .design-craft__navigation { margin-left: auto; }
    .page-about .atelier-profile .design-craft__panels { height: 315px; }
}
@media (prefers-reduced-motion: reduce) {
    .page-about .atelier-profile .design-craft__detail-copy.is-updating { animation: none !important; }
    .page-about .atelier-profile .design-craft__panel img,
    .page-about .atelier-profile .design-craft__panel-copy,
    .page-about .atelier-profile .design-craft__progress-item > span { transition: none !important; }
}

/* v3 — continuous Stripe-style expanding editorial rail.
   All edges stay square. Position and width are animated in JS; unlike the
   older FLIP implementation, photos are never transformed with scaleX. */
.page-about .atelier-profile .design-craft__panels.is-stripe-ready {
    position: relative;
    display: block;
    overflow: hidden;
    isolation: isolate;
    touch-action: pan-y;
}
.page-about .atelier-profile .design-craft__panels.is-stripe-ready .design-craft__panel {
    position: absolute;
    inset-block-start: 0;
    right: auto;
    flex: none !important;
    height: 100%;
    margin: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: translateZ(0);
    transition: none !important;
    contain: layout style paint;
}
.page-about .atelier-profile .design-craft__panels.is-stripe-ready .design-craft__panel[data-position] {
    flex-basis: auto !important;
}
.page-about .atelier-profile .design-craft__panels.is-stripe-ready .design-craft__panel img {
    width: 100%;
    height: 100%;
    transform: scale(1.025);
    transition: transform 1.05s cubic-bezier(.22,.76,.18,1), filter .65s ease;
}
.page-about .atelier-profile .design-craft__panels.is-stripe-ready .design-craft__panel.is-active img {
    transform: scale(1);
}
.page-about .atelier-profile .design-craft__panels.is-stripe-ready .design-craft__panel:not(.is-active):hover img {
    transform: scale(1.045);
}
.page-about .atelier-profile .design-craft__panels.is-stripe-ready .design-craft__panel[data-position="4"],
.page-about .atelier-profile .design-craft__panels.is-stripe-ready .design-craft__panel[data-position="5"],
.page-about .atelier-profile .design-craft__panels.is-stripe-ready .design-craft__panel[data-position="6"] {
    cursor: default;
}
@media (prefers-reduced-motion: reduce) {
    .page-about .atelier-profile .design-craft__panels.is-stripe-ready .design-craft__panel,
    .page-about .atelier-profile .design-craft__panels.is-stripe-ready .design-craft__panel img {
        transition: none !important;
        animation: none !important;
    }
}

/* Video cards for the configurable design carousel. Never load YouTube until click. */
.page-about .atelier-profile .design-craft__video-play {
    position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%);
    display: flex; flex-direction: column; gap: 7px; align-items: center; justify-content: center;
    color: #fff; text-shadow: 0 2px 16px #000a; pointer-events: none;
}
.page-about .atelier-profile .design-craft__video-play .icon { width: 40px; height: 40px; color: #f2d194; }
.page-about .atelier-profile .design-craft__video-play small { font-size: 10px; font-weight: 700; letter-spacing: .15em; white-space: nowrap; }
.page-about .atelier-profile .design-craft__panel:not(.is-active) .design-craft__video-play { opacity: .75; }
.page-about .atelier-profile .design-craft__video-dialog[hidden] { display: none !important; }
.page-about .atelier-profile .design-craft__video-dialog {
    position: fixed; z-index: 2000; inset: 0; display: grid; place-items: center;
    padding: clamp(16px, 4vw, 60px); background: rgb(0 0 0 / 82%);
}
.page-about .atelier-profile .design-craft__video-dialog-backdrop { position: absolute; inset: 0; cursor: pointer; }
.page-about .atelier-profile .design-craft__video-dialog-inner { position: relative; z-index: 1; width: min(1020px, 100%); max-height: 90vh; }
.page-about .atelier-profile .design-craft__video-frame { position: relative; width: 100%; aspect-ratio: 16/9; background: #08090b; }
.page-about .atelier-profile .design-craft__video-frame iframe { position: absolute; inset: 0; border: 0; width: 100%; height: 100%; }
.page-about .atelier-profile .design-craft__video-close { position: absolute; z-index: 2; top: -48px; right: 0; width: 40px; height: 40px; border: 1px solid #e9c47a; border-radius: 0 !important; background: #121314; color: #fff; font-size: 25px; cursor: pointer; }
body.design-craft-video-open { overflow: hidden; }
@media (max-width: 760px) {
  .page-about .atelier-profile .design-craft__video-play .icon { width: 25px; height: 25px; }
  .page-about .atelier-profile .design-craft__video-play small { font-size: 8px; }
  .page-about .atelier-profile .design-craft__video-dialog { padding: 12px; }
  .page-about .atelier-profile .design-craft__video-close { top: -46px; }
}
.page-about .atelier-profile .design-craft--single .design-craft__navigation,
.page-about .atelier-profile .design-craft--single .design-craft__progress { display: none; }


body.page-about > .design-craft__video-dialog[hidden] { display: none !important; }
body.page-about > .design-craft__video-dialog { position:fixed; z-index:2000; inset:0; display:grid; place-items:center; padding:clamp(16px,4vw,60px); background:rgb(0 0 0 / 82%); }
body.page-about > .design-craft__video-dialog .design-craft__video-dialog-backdrop { position:absolute; inset:0; cursor:pointer; }
body.page-about > .design-craft__video-dialog .design-craft__video-dialog-inner { position:relative; z-index:1; width:min(1020px,100%); max-height:90vh; }
body.page-about > .design-craft__video-dialog .design-craft__video-frame { position:relative; width:100%; aspect-ratio:16/9; background:#08090b; }
body.page-about > .design-craft__video-dialog .design-craft__video-frame iframe { position:absolute; inset:0; border:0; width:100%; height:100%; }
body.page-about > .design-craft__video-dialog .design-craft__video-close { position:absolute; z-index:2; top:-48px; right:0; width:40px; height:40px; border:1px solid #e9c47a; background:#121314; color:#fff; font-size:25px; cursor:pointer; }


/* Follow-up: concise editorial typography: 20–22px titles, 15–16px body. */
.page-about .atelier-profile .atelier-profile__hero h1,
.page-about .atelier-profile .atelier-profile__intro h2,
.page-about .atelier-profile .atelier-profile__section-heading h2,
.page-about .atelier-profile .atelier-profile__philosophy h2,
.page-about .atelier-profile .atelier-profile__closing h2,
.page-about .atelier-profile .design-craft__heading h2 { font-size:22px;line-height:1.35;letter-spacing:-.022em;font-weight:500; }
.page-about .atelier-profile .atelier-profile__expertise-copy h3,
.page-about .atelier-profile .atelier-profile__process-list h3,
.page-about .atelier-profile .design-craft__panel-copy > strong { font-size:20px;line-height:1.4;font-weight:500; }
.page-about .atelier-profile .atelier-profile__hero-text p,
.page-about .atelier-profile .atelier-profile__intro-copy p,
.page-about .atelier-profile .atelier-profile__expertise-copy p,
.page-about .atelier-profile .atelier-profile__process-list p,
.page-about .atelier-profile .atelier-profile__closing-inner>div>p,
.page-about .atelier-profile .design-craft__detail-copy > p { font-size:15px;line-height:1.7;font-weight:400; }
.page-about .atelier-profile .design-craft__heading { margin-bottom:20px; }
.page-about .atelier-profile .design-craft__heading h2 { letter-spacing:0; }
.page-about .atelier-profile .design-craft__detail-copy > h3 {display:none;}
.page-about .atelier-profile .design-craft__fineprint {display:none;}
.page-about .atelier-profile .design-craft { padding:55px 0 54px;margin:0;background:#0d1114; }
.page-about .atelier-profile .atelier-profile__expertise {padding:75px 0 80px;}
.page-about .atelier-profile .atelier-profile__intro {padding:70px 0 75px;}
.page-about .atelier-profile .atelier-profile__process {padding:70px 0 75px;}
.page-about .atelier-profile .atelier-profile__closing-contact strong {font-size:15px;}
@media(max-width:760px){
  .page-about .atelier-profile .atelier-profile__hero h1,
  .page-about .atelier-profile .atelier-profile__intro h2,
  .page-about .atelier-profile .atelier-profile__section-heading h2,
  .page-about .atelier-profile .atelier-profile__philosophy h2,
  .page-about .atelier-profile .atelier-profile__closing h2,
  .page-about .atelier-profile .design-craft__heading h2 {font-size:21px;line-height:1.35;}
  .page-about .atelier-profile .atelier-profile__expertise-copy h3,
  .page-about .atelier-profile .atelier-profile__process-list h3,
  .page-about .atelier-profile .design-craft__panel-copy > strong {font-size:20px;}
  .page-about .atelier-profile .atelier-profile__hero-text p,
  .page-about .atelier-profile .atelier-profile__intro-copy p,
  .page-about .atelier-profile .atelier-profile__expertise-copy p,
  .page-about .atelier-profile .atelier-profile__process-list p,
  .page-about .atelier-profile .atelier-profile__closing-inner>div>p,
  .page-about .atelier-profile .design-craft__detail-copy > p {font-size:15px;line-height:1.6;}
  .page-about .atelier-profile .design-craft {padding:43px 0 46px;margin-bottom:0;}
  .page-about .atelier-profile .design-craft__heading {margin-bottom:18px;}
  .page-about .atelier-profile .design-craft__heading h2 {margin:0;}
  .page-about .atelier-profile .design-craft__panels {height:clamp(270px,80vw,350px);}
  .page-about .atelier-profile .design-craft__detail {padding-top:13px;gap:11px;}
  .page-about .atelier-profile .design-craft__detail .design-craft__cta {font-size:12px;}
  .page-about .atelier-profile .atelier-profile__intro {padding:48px 0 53px;}
  .page-about .atelier-profile .atelier-profile__expertise {padding:52px 0 55px;}
  .page-about .atelier-profile .atelier-profile__process {padding:53px 0 55px;}
  .page-about .atelier-profile .atelier-profile__process-list li {padding-top:18px;}
  .page-about .atelier-profile .atelier-profile__hero h1 {margin-top:12px;margin-bottom:12px;}
}


/* About section 03 — source-reference-matched photo slider (v11). */
.page-about .atelier-profile .atelier-profile__expertise--slider {
    background: #f8f5f2;
    padding: 42px 0 54px;
    overflow: hidden;
}
/* The process spread deliberately uses a wider editorial canvas than ordinary pages. */
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-container {
    max-width: none !important;
    width: calc(100% - 90px) !important;
    margin: 0 auto !important;
    padding: 0 32px 0 0 !important;
    box-sizing: border-box;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 51px;
    padding-left: 10px;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-titleblock .atelier-profile__eyebrow {
    display: block;
    margin: 0 0 18px;
    color: #8f6e3f;
    font-size: clamp(10px, .68vw, 12px);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .17em;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-titleblock h2 {
    margin: 0;
    color: #24211f;
    font-family: Manrope, Arial, sans-serif;
    font-weight: 500;
    font-size: clamp(24px, 1.78vw, 33px);
    line-height: 1.25;
    letter-spacing: -.05em;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-titleblock h2 em {
    color: #bd9252;
    font-family: Iowan Old Style, Baskerville, Georgia, serif;
    font-weight: 400;
    font-style: italic;
    letter-spacing: -.02em;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-controls {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: none;
    padding-bottom: 3px;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-arrow {
    appearance: none;
    display: grid;
    place-items: center;
    width: clamp(42px, 2.95vw, 55px);
    height: clamp(42px, 2.95vw, 55px);
    padding: 0;
    border-radius: 0 !important;
    border: 1px solid transparent;
    background: #eee9e3;
    color: #241d16;
    cursor: pointer;
    transition: background .25s, color .25s, transform .25s;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-arrow .icon { font-size: clamp(18px, 1.22vw, 24px); }
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-arrow:first-child .icon { transform: rotate(180deg); }
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-arrow:last-child {
    background: #c39a58;
    color: #fff;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-arrow:not(:disabled):hover {
    background: #28211a;
    color: #f2d69c;
    transform: translateY(-2px);
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-arrow:disabled { cursor: default; opacity: .56; }
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    cursor: grab;
    touch-action: pan-y pan-x;
    outline-offset: 4px;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-viewport::-webkit-scrollbar { display: none; }
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-viewport.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
    scroll-snap-type: none;
    user-select: none;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-track {
    display: flex;
    gap: 10px;
    align-items: stretch;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-card {
    flex: 0 0 calc((100% - 40px) / 5);
    display: block;
    position: relative;
    min-width: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0 !important;
    box-shadow: none;
    background: #251f1c;
    scroll-snap-align: start;
    transform: none;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-card:hover { transform: none; }
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 0.605;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: none;
    border-radius: 0 !important;
    background: #292420;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-media::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.01) 35%, rgba(19,17,15,.10) 48%, rgba(27,24,22,.64) 65%, rgba(28,24,22,.90) 82%, #25211e 100%);
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-media img {
    display: block;
    width: 100%;
    height: 120%;
    object-fit: cover;
    object-position: center top;
    filter: saturate(.95) contrast(1.01);
    transform: scale(1.005);
    transition: transform .9s cubic-bezier(.22,1,.36,1), filter .5s;
    user-select: none;
    -webkit-user-drag: none;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-card:hover .atelier-profile__journey-media img {
    transform: scale(1.035);
    filter: saturate(1.04) contrast(1.03);
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-copy {
    position: absolute;
    inset: auto 0 0;
    z-index: 2;
    display: block;
    padding: 0 clamp(18px, 1.8vw, 34px) clamp(20px, 1.5vw, 28px);
    color: #fff;
    background: transparent;
    border: 0;
    min-height: 0;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-meta {
    display: flex;
    align-items: center;
    gap: clamp(12px, .9vw, 18px);
    margin: 0 0 15px;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-icon {
    display: block;
    flex: none;
    width: clamp(31px, 2.32vw, 44px);
    height: clamp(31px, 2.32vw, 44px);
    padding: 0;
    margin: 0;
    color: #d8ac61;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-number {
    font-size: clamp(14px, 1.1vw, 20px);
    line-height: 1.2;
    letter-spacing: .02em;
    font-variant-numeric: tabular-nums;
    color: #f1eeea;
    font-weight: 400;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-copy h3 {
    margin: 0 0 1px;
    color: #fff;
    font-family: Manrope, Arial, sans-serif;
    font-size: clamp(15px, 1.27vw, 23px);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0px;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-copy p {
    margin: 0;
    padding: 0;
    color: rgba(255,255,255,.91);
    font-family: Manrope, Arial, sans-serif;
    font-size: clamp(13px, .91vw, 16px);
    font-weight: 400;
    line-height: 1.52;
    min-height: clamp(48px, 3.25vw, 61px);
    max-width: 100%;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-rule {
    display: block;
    width: clamp(38px, 2.35vw, 45px);
    height: 3px;
    background: #d3a558;
    margin-top: 18px;
    transition: width .3s ease;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-card:hover .atelier-profile__journey-rule { width: 61px; }
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-footer {
    margin: 39px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-dots {
    display: flex;
    align-items: center;
    gap: 5px;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-dots button {
    appearance: none;
    display: block;
    border: 0;
    border-radius: 0 !important;
    background: transparent;
    padding: 0;
    height: 4px;
    width: clamp(42px, 3.25vw, 72px);
    cursor: pointer;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-dots button span {
    display: block;
    width: 100%;
    height: 4px;
    background: #d9d5d0;
    transition: background .2s ease;
}
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-dots button.is-active span,
.page-about .atelier-profile__expertise--slider .atelier-profile__journey-dots button:hover span { background: #c19955; }
@media (max-width: 1024px) {
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-container { width: calc(100% - 48px) !important; padding-right: 0 !important; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-header { margin-bottom: 34px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-card { flex-basis: calc((100% - 20px) / 3); }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-media { aspect-ratio: .64; }
}
@media (max-width: 760px) {
    .page-about .atelier-profile .atelier-profile__expertise--slider { padding: 37px 0 48px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-container { width: calc(100% - 32px) !important; padding: 0 !important; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-header { align-items: end; margin-bottom: 23px; gap: 10px; padding-left: 0; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-titleblock .atelier-profile__eyebrow { font-size: 9px; letter-spacing: .12em; margin-bottom: 9px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-titleblock h2 { font-size: 21px; line-height: 1.35; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-controls { gap: 7px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-arrow { width: 34px; height: 36px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-arrow .icon { font-size: 15px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-card { flex-basis: min(76vw, 332px); }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-media { aspect-ratio: .62; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-copy { padding: 0 19px 20px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-meta { margin-bottom: 10px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-icon { width: 36px; height: 36px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-copy h3 { font-size: 19px; margin-bottom: 7px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-copy p { font-size: 13px; min-height: 44px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-rule { margin-top: 15px; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-footer { margin-top: 23px; }
}
@media (max-width: 360px) {
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-card { flex-basis: 84vw; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-titleblock h2 { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-viewport { scroll-behavior: auto; }
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-media img,
    .page-about .atelier-profile__expertise--slider .atelier-profile__journey-rule { transition: none; }
}

.page-about .atelier-profile__expertise--slider .atelier-profile__journey-arrow svg { width: 24px; height: 24px; display: block; }
@media(max-width:760px){.page-about .atelier-profile__expertise--slider .atelier-profile__journey-arrow svg {width:18px;height:18px}
.page-about .atelier-profile .design-craft__panel.is-active .design-craft__panel-copy strong {
    font-size: 11px;
    font-weight: 600;
}
}

/* About / CRM capability carousel: keep the heading readable on dark background. */
body.page-about .atelier-profile section.design-craft .design-craft__heading-copy h2 {
    color: #ffffff;
    font-size: 16px;
}