/* KOM / Une vision. A deliberately paced portfolio-led experience. */
.experience-hero{height:auto;min-height:min(760px,calc(100svh - var(--header-height)));display:grid;grid-template-columns:1.05fr 1fr;background:#f0e9dd;overflow:hidden;isolation:isolate;position:relative;padding:0 0 65px}.experience-hero-copy{padding:70px 0 65px max(40px,calc((100vw - 1236px)/2));z-index:2;align-self:center}.experience-hero .eyebrow{font-size:9px;letter-spacing:2px;color:#6b604f}.experience-hero h1{font:500 clamp(76px,8vw,118px)/.98 var(--sans);letter-spacing:-6px;margin:32px 0 28px;text-wrap:nowrap}.experience-hero h1 em{font:400 italic 1.06em/.96 var(--serif);letter-spacing:-4px;color:#8d7452}.experience-hero-promise{font:400 clamp(21px,2.1vw,29px)/1.35 var(--serif);margin-bottom:18px}.experience-hero-description{font-size:13px;line-height:1.85;color:#59636a}.experience-actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.experience-actions .button{font-size:12px;min-height:52px;padding:16px 22px}.experience-actions .text-link{font-size:12px;border-bottom:1px solid #a58b6080}.experience-portrait{margin:0;position:relative;min-width:0;align-self:stretch;min-height:620px;overflow:hidden}.experience-portrait>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform:scale(1.02)}.experience-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f0e9dd 0,transparent 15%),linear-gradient(0deg,#142b4250,transparent 25%);pointer-events:none}.experience-portrait figcaption{position:absolute;bottom:30px;right:35px;z-index:1;color:white;font:italic 19px/1.4 var(--serif);text-align:right;text-shadow:0 1px 10px #142b4270}.experience-portrait figcaption>span{display:block;font:500 8px/1.5 var(--sans);letter-spacing:2px;margin-bottom:6px}.experience-hero-foot{position:absolute;bottom:0;left:0;right:0;min-height:65px;display:flex;align-items:center;justify-content:space-between;padding:15px max(40px,calc((100vw - 1236px)/2));border-top:1px solid #142b4220;background:#f0e9dd;gap:25px}.experience-hero-foot>span{font-size:8px;letter-spacing:1.7px}.experience-hero-foot a{font-size:11px;display:flex;gap:25px;align-items:center}.experience-hero-foot a>span{font-size:19px}
.experience-work{padding:105px 0 0;background:#f8f5ef}.experience-section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:22px 12%;align-items:end;margin-bottom:65px}.experience-section-heading>.eyebrow{grid-column:1/-1;color:#826b49}.experience-section-heading h2{font:400 clamp(42px,4.6vw,66px)/1.08 var(--serif);letter-spacing:-1.1px;margin:0}.experience-section-heading h2 em{color:#8d7452}.experience-section-heading>p:last-child{font-size:15px;line-height:1.9;color:#647078;max-width:430px;margin:0;padding-bottom:5px}.experience-case{padding:45px 0 65px}.experience-case-0{background:#ece7dd}.experience-case-1{background:#e2e5df}.experience-case-heading{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end;margin-bottom:30px}.experience-case-heading .eyebrow{font-size:8px;color:#736347}.experience-case-heading h3{font:400 clamp(34px,3.3vw,49px)/1.1 var(--serif);margin:14px 0 0;letter-spacing:-.7px}.experience-case-heading>p{max-width:380px;font-size:13px;line-height:1.8}.experience-case .case-button{font-size:11px;min-height:44px;background:transparent;color:#142b42;border-color:#142b4260;padding:13px 20px}.experience-case .case-button:hover{background:#142b42;color:#f8f5ef}.experience-case-stage{position:relative;display:block;padding:45px 11% 55px;overflow:hidden;border-radius:5px;isolation:isolate;background:#1b2d3a}.experience-case-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.42) saturate(.7);transform:scale(1.03)}.experience-case-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#142b4270,transparent 70%)}.experience-browser{margin:0;box-shadow:0 25px 55px #0006;border:1px solid #ffffff30;border-radius:7px;overflow:hidden;background:white;transition:transform .6s cubic-bezier(.2,.7,.2,1);transform:perspective(1600px) rotateY(-3deg) rotateX(2deg)}.experience-case-1 .experience-browser{transform:perspective(1600px) rotateY(3deg) rotateX(2deg)}.experience-case-stage:hover .experience-browser,.experience-case-stage:focus-visible .experience-browser{transform:perspective(1600px) rotateY(0) rotateX(0) translateY(-5px)}.experience-browser>img{display:block;width:100%;height:auto;aspect-ratio:1348/926;object-fit:cover}.experience-browser-bar{height:28px;background:#f1f0ed;display:flex;align-items:center;gap:5px;padding:0 12px}.experience-browser-bar i{display:block;width:5px;height:5px;border-radius:50%;background:#b6b6b0}.experience-browser-bar>span{font-size:8px;text-align:center;color:#76766f;flex:1;margin-right:25px}.experience-case-caption{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#f8f5efcc;font-size:8px;letter-spacing:1.7px}.experience-work-end{display:flex;align-items:center;justify-content:space-between;padding-block:35px 45px;border-bottom:1px solid #142b4220;gap:20px}.experience-work-end p{font:400 27px/1.3 var(--serif)}.experience-work-end a{border-bottom:1px solid #a58b6080}
.experience-needs{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;padding-block:100px 110px;align-items:start}.experience-needs>header{position:sticky;top:calc(var(--header-height) + 40px)}.experience-needs .eyebrow{color:#826b49;font-size:9px}.experience-needs h2{font:400 clamp(41px,4vw,58px)/1.08 var(--serif);letter-spacing:-1px;margin:28px 0}.experience-needs h2 em{color:#8d7452}.experience-needs header>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:290px}.experience-needs header>a{margin-top:28px;border-bottom:1px solid #a58b6080}.experience-needs-list{border-top:1px solid #142b4228}.experience-needs-list details{border-bottom:1px solid #142b4228}.experience-needs-list summary{display:grid;grid-template-columns:24px 1fr 24px;gap:20px;padding:27px 0;list-style:none;font:400 clamp(24px,2.4vw,33px)/1.15 var(--serif)}.experience-needs-list summary::-webkit-details-marker{display:none}.experience-needs-list summary>span{font:inherit;transform:none!important;line-height:inherit}.experience-needs-list summary>.need-number{font:500 10px/1.5 var(--sans);color:#8d7452}.need-plus{position:relative;width:20px;height:20px}.need-plus:before,.need-plus:after{content:'';position:absolute;left:2px;right:2px;top:9px;height:1px;background:#8d7452;transition:transform .25s}.need-plus:after{transform:rotate(90deg)}details[open] .need-plus:after{transform:rotate(0)}.experience-needs-list details>div{padding:0 40px 28px 44px}.experience-needs-list details p{font-size:14px;line-height:1.9;color:#5b6870;max-width:470px}.experience-needs-list details a{display:inline-block;border-bottom:1px solid #a58b6080;padding:8px 0;margin-top:14px;font-size:11px}.experience-needs-list details[open] summary{color:#8d7452}
/* A less repetitive magazine preview: one image, then a reading list. */
.view-index .home-advice{grid-template-columns:1.1fr 1fr;gap:0 8%;align-items:start}.view-index .home-advice>.advice-card:first-child{grid-row:1/3}.view-index .home-advice>.advice-card:nth-child(n+2){margin:0;padding:26px 0;border-top:1px solid #142b4226}.view-index .home-advice>.advice-card:nth-child(n+2) .advice-image{display:none}.view-index .home-advice>.advice-card:nth-child(n+2) .advice-card-copy{padding:0}.view-index .home-advice .advice-card h3{font-size:32px}.view-index .home-advice>.advice-card:nth-child(n+2) .expertise-link{margin-top:10px}.view-index .home-journal{padding-block:90px}.view-index .guide-section{border-top:1px solid #142b4220}.view-realisations .client-case-card .client-photo{aspect-ratio:1348/926;object-fit:contain;height:auto}.client-case-page .case-panorama>img{aspect-ratio:1348/926;object-fit:contain;max-height:none;height:auto;box-shadow:0 20px 50px #142b4215;border:1px solid #142b4220}.client-case-page .case-panorama{max-width:1060px}.experience-work,.experience-needs{scroll-margin-top:15px}
@keyframes kom-scene{from{opacity:.6;transform:translateY(22px)}to{opacity:1;transform:none}}.experience-enter{animation:kom-scene .8s cubic-bezier(.2,.7,.2,1) both}
@supports(animation-timeline:view()){ @media(min-width:900px) and (prefers-reduced-motion:no-preference){.experience-case-backdrop{animation:kom-image-travel linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes kom-image-travel{from{transform:scale(1.08) translateY(-2%)}to{transform:scale(1.08) translateY(2%)}}}}
@media(max-width:1100px){.experience-hero h1{font-size:84px;letter-spacing:-4px}.experience-hero-copy{padding-left:40px}.experience-portrait{min-height:650px}.experience-actions{gap:16px}.experience-case-heading{grid-template-columns:1fr 1fr}.experience-case-heading>.case-button{grid-column:2;justify-self:start}.experience-case-heading>div{grid-row:1/3;align-self:center}.experience-case-stage{padding:35px 8% 50px}.experience-needs{gap:7%}.experience-needs h2{font-size:47px}}
@media(max-width:760px){.experience-hero{display:flex;flex-direction:column;min-height:0;padding-bottom:0}.experience-hero-copy{padding:40px 25px 30px;order:0}.experience-hero .eyebrow{font-size:8px;letter-spacing:1.5px}.experience-hero h1{font-size:clamp(63px,15vw,85px);letter-spacing:-3px;margin:25px 0 22px}.experience-hero h1 em{letter-spacing:-2px}.experience-hero-promise{font-size:24px;margin-bottom:15px}.experience-hero-description{font-size:12px}.experience-actions{margin-top:24px;gap:15px 22px}.experience-actions .button{font-size:11px;min-height:48px;padding:15px 18px}.experience-actions .text-link{font-size:11px}.experience-portrait{order:1;min-height:0;height:410px;width:100%}.experience-portrait>img{object-position:50% 30%}.experience-portrait:after{background:linear-gradient(180deg,#f0e9dd 0,transparent 15%),linear-gradient(0deg,#142b4240,transparent 40%)}.experience-portrait figcaption{right:25px;bottom:25px;font-size:17px}.experience-hero-foot{position:static;order:2;padding:20px 25px;min-height:65px}.experience-hero-foot>span{font-size:6px;letter-spacing:1px;max-width:120px;line-height:1.8}.experience-hero-foot a{font-size:10px;gap:12px}.experience-work{padding-top:55px}.experience-section-heading{display:block;margin-bottom:32px}.experience-section-heading h2{font-size:40px;letter-spacing:-.7px;margin:22px 0}.experience-section-heading>p:last-child{font-size:14px}.experience-case{padding:30px 0 35px}.experience-case-heading{gap:18px 20px;margin-bottom:24px;grid-template-columns:1fr}.experience-case-heading>div{grid-row:auto}.experience-case-heading h3{font-size:35px}.experience-case-heading>p{font-size:13px}.experience-case-heading>.case-button{grid-column:1;min-height:42px}.experience-case-stage{padding:25px 14px 42px;overflow:visible}.experience-case-backdrop{border-radius:4px;transform:none}.experience-browser,.experience-case-1 .experience-browser{transform:none;border-radius:4px;box-shadow:0 12px 25px #0003}.experience-browser-bar{height:21px;padding:0 8px}.experience-browser-bar>span{font-size:6px}.experience-browser-bar i{width:4px;height:4px}.experience-case-caption{font-size:6px;letter-spacing:1px;bottom:15px}.experience-work-end{display:block;padding-block:25px 30px}.experience-work-end p{font-size:25px;margin-bottom:14px}.experience-work-end a{font-size:11px}.experience-needs{display:block;padding-block:50px 55px}.experience-needs>header{position:static;margin-bottom:30px}.experience-needs h2{font-size:40px;margin:22px 0}.experience-needs header>p:not(.eyebrow){max-width:none;font-size:14px}.experience-needs header>a{margin-top:17px}.experience-needs-list summary{font-size:26px;gap:12px;grid-template-columns:22px 1fr 20px;padding:23px 0}.experience-needs-list details>div{padding:0 12px 25px 34px}.experience-needs-list details p{font-size:13px}.view-index .home-advice{display:block}.view-index .home-advice>.advice-card:first-child{margin-bottom:30px}.view-index .home-advice>.advice-card:nth-child(n+2){padding:25px 0}.view-index .home-advice .advice-card h3{font-size:29px}.view-index .home-journal{padding-block:55px}.client-case-page .case-panorama>img{max-height:none}.experience-case-stage:hover .experience-browser{transform:none}}
@media(prefers-reduced-motion:reduce){.experience-enter{animation:none}.experience-browser,.need-plus:after{transition:none}.experience-case-stage:hover .experience-browser{transform:none}}
@media print{.experience-hero{display:block;min-height:0}.experience-portrait,.experience-hero-foot{display:none}.experience-hero-copy{padding:20px}.experience-work{padding-top:20px}.experience-case{break-inside:avoid}.experience-case-stage{padding:15px}.experience-case-backdrop{display:none}.experience-browser{transform:none;box-shadow:none}.experience-case-caption{display:none}.experience-needs{display:block}.experience-needs>header{position:static}.experience-enter{animation:none}}