:root{--dark:#183f56;--accent:#b8e1ef;--soft:#eaf1f3;--paper:#fafbf8;--ink:#172832;--muted:#52656d;--line:#d6e0e0;--warm:#ead4b4;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}p,h1,h2,h3,figcaption{overflow-wrap:anywhere}.hero-intro>*,.hero-visual>*,.hero-aside>*,.actions>*,.section-head>*,.faq-wrap>*,.contact-grid>*{min-width:0}img{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #197c9d;outline-offset:5px}a,button,summary{touch-action:manipulation}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.notice a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}.footer-row a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}*::before,*::after{pointer-events:none}.notice{color:#536970;background:#eef3f2;padding:8px 24px;text-align:center;font-size:12px;letter-spacing:.015em;border-bottom:1px solid #e1e9e7}.notice strong{font-weight:600}.header{background:var(--paper)}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:104px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:0;max-width:38%}.brand-logo{width:44px;height:44px;object-fit:contain}.brand-word{font-size:26px;font-weight:650;line-height:1.15;letter-spacing:-.045em;overflow-wrap:anywhere}.brand-word small{display:block;font-size:9px;text-transform:uppercase;font-weight:500;letter-spacing:.1em;margin-top:7px;line-height:1.6}.nav nav{display:flex;gap:24px;font-size:13px}.nav nav a{padding:12px 0}.nav nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{font-size:13px;padding:12px 18px;border:1px solid var(--line);border-radius:7px;white-space:nowrap}.nav-cta span{margin-left:18px}.mobile-menu{display:none}.little{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;line-height:1.6}.hero{padding:66px 0 0}.hero-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:68px;align-items:end}.eyebrow{display:flex;gap:12px;align-items:center;color:var(--muted);margin-bottom:23px}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#67a5a7}h1{font-size:clamp(52px,6.3vw,88px);font-weight:500;line-height:1.025;letter-spacing:-.066em;overflow-wrap:anywhere}h1 span{display:block}h1 span:last-child{color:var(--dark)}.hero-summary{padding-bottom:5px}.lead{font-size:16px;max-width:435px;color:var(--muted);line-height:1.85}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}.button{max-width:100%;overflow-wrap:anywhere;min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:7px;padding:15px 23px;font-size:14px;font-weight:600;line-height:1.5;position:relative}.primary{background:var(--dark);color:#fff;box-shadow:0 5px 16px #173c4e12}.primary span{flex-shrink:0;font-size:20px;line-height:1;transition:transform .25s}.primary:hover span,.primary:focus-visible span{transform:translate(2px,-2px)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.hero-note{font-size:12px;color:var(--muted);margin-top:15px}.hero-visual{position:relative;display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-top:40px;isolation:isolate;--px:0;--py:0;--shine-x:50%;--shine-y:50%;perspective:1000px}.hero-media{position:relative;min-width:0;height:405px;overflow:hidden;border-radius:10px 90px 10px 10px;background:#e4ebe4}.hero-media svg{display:block;width:100%;height:100%;object-fit:cover}.hero-media>.scene-wrap{position:absolute;inset:-2%;transition:transform .2s}.hero-media .image-hero{width:100%;height:100%;object-fit:cover}.hero-media::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#fff8,transparent 58%);mix-blend-mode:soft-light;pointer-events:none}.image-tag{position:absolute;left:22px;bottom:20px;max-width:calc(100% - 44px);padding:8px 11px;border:1px solid #ffffffbf;border-radius:3px;background:#fafbf3e8;color:#34505a;font-size:10px;letter-spacing:.06em;line-height:1.5}.hero-aside{display:grid;grid-template-rows:1fr auto;gap:16px;min-width:0}.hero-detail{border-radius:10px;min-height:230px;position:relative;overflow:hidden;background:#e5edf1}.hero-detail svg{width:100%;height:100%;display:block;position:absolute;object-fit:cover}.hero-detail img{width:100%;height:100%;position:absolute;object-fit:cover}.hero-detail-label{position:absolute;left:22px;right:22px;bottom:22px;color:var(--dark)}.hero-detail-label strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.04em;line-height:1.15;max-width:200px}.hero-detail-label small{display:block;margin-top:9px;font-size:11px}.detail-symbol{position:absolute;top:19px;right:20px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:#ffffffb3;color:var(--dark);transform:rotate(-12deg)}.hero-aside-note{display:flex;align-items:center;gap:15px;padding:20px 22px;border-radius:9px;background:#efe9dd}.hero-aside-note svg{width:30px;flex:0 0 30px}.hero-aside-note p{font-size:13px;line-height:1.55;color:#4c554e}.hero-aside-note strong{display:block;font-weight:600;color:#263d41}.hero-caption{display:flex;justify-content:space-between;gap:24px;padding:22px 0 26px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.hero-caption p{display:flex;align-items:center;gap:9px}.hero-caption p:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#839c87}.section{padding:94px 0}.section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end;margin-bottom:42px}h2{font-size:clamp(34px,3.8vw,51px);font-weight:500;line-height:1.12;letter-spacing:-.048em;margin-top:18px;overflow-wrap:anywhere}.section-head>p{color:var(--muted);max-width:370px;font-size:15px;justify-self:end}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service{min-width:0;position:relative;display:flex;flex-direction:column;padding:29px 28px 25px;background:var(--soft);border-radius:10px;border:1px solid transparent}.service:nth-child(3n+2){background:transparent;border-color:var(--line)}.service:nth-child(3n){background:var(--dark);color:#f7faf7}.service-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.service-icon{display:grid;place-items:center;width:64px;height:64px;background:#ffffff9e;border-radius:14px;color:var(--dark)}.service-icon svg{width:50px;height:50px}.service:nth-child(3n) .service-icon{background:#ffffff13;color:var(--accent)}.service-num{font-size:11px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.service h3{font-size:25px;letter-spacing:-.045em;font-weight:500;line-height:1.2;margin:35px 0 15px;overflow-wrap:anywhere}.service p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:26px}.service:nth-child(3n) p{color:#d3e1e6}.service-link{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding-top:16px;border-top:1px solid #91aaa63b;font-size:12px;margin-top:auto}.service-link span:last-child{font-size:24px;transition:transform .25s}.service:nth-child(3n) .service-link{border-color:#ffffff25}.benefits{padding-top:66px;display:grid;grid-template-columns:.85fr 1.5fr;gap:75px;align-items:start}.benefits-title{font-size:28px;font-weight:450;line-height:1.25;letter-spacing:-.04em;margin-top:12px}.benefit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.benefit{border-top:1px solid var(--line);padding-top:18px}.benefit>span{color:#557c84;font-size:18px}.benefit h3{font-size:15px;line-height:1.4;font-weight:600;margin:13px 0 9px}.benefit p{font-size:13px;line-height:1.75;color:var(--muted)}.gallery-section{background:#f0f4f2}.gallery{display:grid;grid-template-columns:1.12fr 1fr;gap:32px 30px;align-items:start}.photo{min-width:0}.photo:first-child{grid-row:span 2}.photo-surface{overflow:hidden;position:relative;border-radius:9px;background:var(--soft)}.photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.photo:first-child img{aspect-ratio:4/5.65}.gallery.single-photo{grid-template-columns:1fr}.single-photo .photo{grid-row:auto}.single-photo img{aspect-ratio:16/9}.photo-surface svg{display:block;width:100%;height:100%;position:absolute}.concept-room{height:625px}.concept-room svg{width:172%;left:-41%}.concept-detail{height:264px}.concept-plan{height:241px}.photo figcaption{display:flex;gap:18px;font-size:14px;padding-top:16px;overflow-wrap:anywhere;line-height:1.5}.photo figcaption>span{color:#57757e;font-size:11px;padding-top:3px}.photo figcaption small{display:block;font-size:11px;color:var(--muted);margin-top:5px;line-height:1.6}.process{padding:100px 0}.process .section-head{margin-bottom:54px}.steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.steps::before{content:'';position:absolute;top:26px;left:25px;right:calc(25% - 23px);height:1px;background:linear-gradient(90deg,#82afb4,#cddfd9)}.step{position:relative;min-width:0}.step>span{position:relative;display:grid;place-items:center;background:var(--paper);border:1px solid #9dbabd;border-radius:50%;width:53px;height:53px;font:500 13px/1 ui-monospace,'Cascadia Code',monospace;color:var(--dark)}.step:first-child>span{background:var(--dark);border-color:var(--dark);color:white}.step h3{font-size:20px;font-weight:500;letter-spacing:-.025em;line-height:1.3;margin:23px 0 13px;overflow-wrap:anywhere}.step p{font-size:13px;color:var(--muted);line-height:1.8}.faq-section{padding-top:0}.faq-wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;border-top:1px solid var(--line);padding-top:63px}.faq-intro>p:last-child{font-size:14px;color:var(--muted);margin-top:20px;max-width:300px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:15px;min-height:68px;padding:20px 30px 20px 0;position:relative;list-style:none;display:flex;align-items:center}summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:3px;font-size:23px;font-weight:300;color:var(--dark)}.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:14px;line-height:1.85;color:var(--muted);padding:0 32px 24px 0}.contact{padding:0 0 52px}.contact-panel{position:relative;isolation:isolate;padding:60px;border-radius:12px;background:var(--soft);overflow:hidden}.contact-panel::before{content:'';width:320px;height:320px;border:1px solid #afcbd06b;border-radius:50%;position:absolute;right:-80px;top:-165px;z-index:-1;box-shadow:0 0 0 36px #d6e6e740,0 0 0 73px #d6e6e725}.contact-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center}.contact h2{max-width:550px}.contact-copy>p:last-of-type{color:var(--muted);font-size:15px;margin-top:22px;max-width:420px}.contact-meta{border-top:1px solid #bfd2d3;padding-top:23px;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:12px;overflow-wrap:anywhere}.contact-meta strong{display:block;margin-bottom:8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.contact-box{background:var(--paper);padding:30px;border-radius:9px;border:1px solid #ffffffb8}.contact-box .button{width:100%;margin-top:24px;gap:15px}.contact-box>p{font-size:13px;color:var(--muted);margin-top:12px}.contact-box>p:first-child{margin-top:0;color:var(--ink)}.contact-box .little{font-size:11px}.contact-box a:not(.button){overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.demo-info{padding:22px 0 0;margin-top:28px;border-top:1px solid #bfd2d3;font-size:12px;color:#4c6169}.demo-info:target{outline:3px solid #29637c;outline-offset:8px}.demo-info strong{font-size:13px;color:var(--ink)}.demo-info p{margin-top:7px;max-width:780px}.demo-info a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;margin-top:6px;color:var(--dark);font-size:13px}footer{padding:0 0 30px;font-size:11px;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--line);padding-top:25px}.footer-brand{font-weight:650;font-size:17px;letter-spacing:-.04em;color:var(--dark)}.footer-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:3px}.motion-toggle{font:inherit;font-size:11px;min-height:44px;padding:9px 12px;background:transparent;color:inherit;border:1px solid var(--line);border-radius:6px;cursor:pointer;margin-top:18px}.motion-toggle:disabled{cursor:default}.skip{position:fixed;left:12px;top:12px;transform:translateY(-200%);background:white;padding:12px;z-index:99}.skip:focus{transform:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){body:not([data-motion="none"]) .service{transition:transform .3s,box-shadow .3s}body:not([data-motion="none"]) .service:hover{transform:translateY(-4px);box-shadow:0 14px 24px #20424c0a}.service-link:hover span:last-child,.service-link:focus-visible span:last-child{transform:translate(3px,-3px)}body:not([data-motion="none"]) .hero-media>.scene-wrap{transform:translate3d(calc(var(--px)*-5px),calc(var(--py)*-4px),0) scale(1.01)}body:not([data-motion="none"]) .hero-detail{transform:translate3d(calc(var(--px)*4px),calc(var(--py)*3px),0) rotateX(calc(var(--py)*-.5deg)) rotateY(calc(var(--px)*.8deg))}body:not([data-motion="none"]) .detail-symbol{transform:translate3d(calc(var(--px)*3px),calc(var(--py)*-3px),0) rotate(-12deg)}}
@media(max-width:1020px){.wrap{width:calc(100% - 56px)}.nav{gap:18px}.nav nav{gap:18px}.brand-word{font-size:23px}.nav-cta{font-size:12px;padding:11px 13px}.hero-intro{gap:38px;grid-template-columns:1.15fr 1fr}.hero-media{height:360px}.hero-detail{min-height:210px}.hero-aside-note{padding:17px}.hero-aside-note p{font-size:12px}.service{padding:25px 23px}.service h3{font-size:23px}.section-head{gap:45px}.benefits{gap:40px;grid-template-columns:.8fr 1.5fr}.benefit-list{gap:19px}.concept-room{height:590px}.concept-detail{height:247px}.concept-plan{height:228px}.contact-panel{padding:43px}.contact-grid{gap:37px}.contact-box{padding:25px}.faq-wrap{gap:45px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.notice{font-size:10px;padding:8px 20px;line-height:1.65}.nav{min-height:82px;gap:16px}.brand{max-width:75%}.brand-word{font-size:23px}.brand-word small{font-size:8px}.nav nav,.nav-cta{display:none}.mobile-menu{display:block;position:relative}.mobile-menu>summary{font-size:13px;padding:10px 12px;min-width:76px;min-height:44px;border:1px solid var(--line);border-radius:6px;list-style:revert;display:list-item}.mobile-menu>summary::-webkit-details-marker{display:revert}.mobile-menu[open] .menu-links{position:absolute;right:0;top:51px;width:min(260px,calc(100vw - 40px));max-height:calc(100svh - 160px);max-height:calc(100dvh - 160px - env(safe-area-inset-bottom,0px));overflow-y:auto;padding:14px;background:var(--paper);box-shadow:0 12px 35px #1534421c;z-index:9;border:1px solid var(--line);border-radius:8px}.menu-links a{display:block;min-height:44px;padding:10px 7px;font-size:14px}.hero{padding-top:42px}.hero-intro{grid-template-columns:1fr;gap:22px}.eyebrow{font-size:10px;margin-bottom:20px}.hero h1{font-size:clamp(47px,8.2vw,68px);max-width:580px}.lead{font-size:15px;max-width:520px}.hero-summary{padding-bottom:0}.actions{gap:20px;margin-top:20px}.hero-note{font-size:11px}.hero-visual{margin-top:30px;gap:13px;grid-template-columns:1.6fr 1fr}.hero-media{height:280px;border-top-right-radius:55px}.hero-detail{min-height:170px}.hero-detail-label{left:16px;bottom:17px;right:16px}.hero-detail-label strong{font-size:20px}.hero-detail-label small{font-size:10px}.hero-aside{gap:13px}.hero-aside-note{padding:13px 14px;gap:10px}.hero-aside-note svg{width:22px;flex-basis:22px}.hero-aside-note p{font-size:10px}.detail-symbol{width:37px;height:37px;right:14px;top:14px;font-size:21px}.image-tag{left:14px;bottom:14px;max-width:calc(100% - 28px);font-size:10px;padding:6px 8px}.hero-caption{font-size:11px;gap:18px;padding:18px 0 23px}.section{padding:62px 0}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section-head>p{justify-self:start;max-width:460px;font-size:14px}h2{font-size:36px}.little{font-size:10px}.service-grid{grid-template-columns:1fr;gap:15px}.service{padding:24px 25px}.service-top{gap:12px}.service h3{font-size:26px;margin:22px 0 13px}.service-icon{width:54px;height:54px;border-radius:12px}.service-icon svg{width:44px;height:44px}.service p{font-size:14px;max-width:480px;margin-bottom:19px}.service-link{font-size:13px;padding-top:12px}.benefits{padding-top:43px;grid-template-columns:1fr;gap:28px}.benefits-title{font-size:28px}.benefit-list{gap:19px}.benefit h3{font-size:14px}.benefit p{font-size:12px}.gallery{gap:27px 20px}.concept-room{height:529px}.concept-detail{height:209px}.concept-plan{height:184px}.photo figcaption{gap:11px;font-size:12px;padding-top:12px}.photo figcaption small{font-size:10px}.process .section-head{margin-bottom:32px}.steps{grid-template-columns:1fr 1fr;gap:28px 26px}.steps::before{display:none}.step{border-top:1px solid var(--line);padding-top:20px}.step>span{width:44px;height:44px}.step h3{font-size:20px;margin:17px 0 10px}.step p{font-size:13px}.faq-section{padding-top:0}.faq-wrap{grid-template-columns:1fr;gap:30px;padding-top:45px}.faq-intro>p:last-child{max-width:100%}.contact{padding-bottom:36px}.contact-panel{padding:30px 25px;border-radius:9px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-meta{font-size:12px;gap:18px}.contact-copy>p:last-of-type{font-size:14px;margin-top:20px}.contact-box{padding:24px}.contact-box>p{font-size:14px}.demo-info{font-size:12px}.footer-row{align-items:flex-start;font-size:11px}.footer-row>div:last-child{max-width:56%;text-align:right;line-height:1.8}.motion-toggle{font-size:11px}.button{font-size:14px;min-height:54px}.text-link{font-size:13px}}
@media(max-width:480px){.hero h1{font-size:clamp(44px,12.5vw,59px);letter-spacing:-.06em}.hero-visual{grid-template-columns:1fr;gap:12px}.hero-media{height:275px;border-top-right-radius:65px}.hero-media svg{width:110%;max-width:none;margin-left:-5%}.hero-aside{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto;gap:12px}.hero-detail{min-height:165px}.hero-aside-note{padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.hero-aside-note svg{width:26px;flex:0 0 26px}.hero-aside-note p{font-size:12px}.hero-detail-label{left:16px;bottom:17px}.hero-detail-label strong{font-size:23px}.hero-detail-label small{font-size:10px;max-width:125px}.detail-symbol{width:30px;height:30px;right:12px;top:12px;font-size:18px}.hero-caption{display:block;font-size:11px;padding:19px 0 22px}.hero-caption>span{display:block;margin-top:8px}.section{padding:57px 0}.section-head{gap:20px;margin-bottom:29px}h2{font-size:35px}.benefit-list{grid-template-columns:1fr;gap:17px}.benefit{display:grid;grid-template-columns:24px 1fr;gap:5px 12px;padding-top:17px}.benefit>span{grid-row:span 2;padding-top:1px}.benefit h3{font-size:15px;margin:0}.benefit p{font-size:13px;grid-column:2}.gallery{grid-template-columns:1fr;gap:26px}.photo:first-child{grid-row:auto}.photo:first-child img{aspect-ratio:4/4.5}.concept-room{height:385px}.concept-room svg{width:160%;left:-35%}.concept-detail{height:230px}.concept-plan{height:210px}.photo figcaption{font-size:13px;gap:14px}.photo figcaption small{font-size:11px}.photo .image-tag{font-size:10px}.steps{grid-template-columns:1fr;gap:0}.step{border-top:0;display:grid;grid-template-columns:45px 1fr;column-gap:23px;padding:0 0 28px}.step::after{content:'';position:absolute;top:44px;bottom:0;left:22px;border-left:1px solid #b8d0ce}.step:last-child{padding-bottom:0}.step:last-child::after{display:none}.step>span{grid-row:span 2}.step h3{margin:6px 0 10px;font-size:20px}.step p{grid-column:2}.faq-section{padding-top:0}.faq-wrap{padding-top:43px}.contact-panel{padding:29px 22px}.contact h2{font-size:34px}.contact-meta{grid-template-columns:1fr;gap:18px}.contact-box{padding:22px}.contact-box .button{font-size:13px;padding:14px 18px}.footer-row{display:block;line-height:1.8}.footer-row>div:last-child{max-width:none;text-align:left;margin-top:13px}.hero .actions{gap:13px 19px}.hero .button{padding:14px 19px;font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.hero-detail,.scene-wrap,.detail-symbol,.primary,.service{transform:none!important}}body[data-motion="none"] *,body[data-motion="none"] *::before,body[data-motion="none"] *::after{animation:none!important;transition:none!important}body[data-motion="none"] .hero-detail,body[data-motion="none"] .scene-wrap,body[data-motion="none"] .detail-symbol,body[data-motion="none"] .primary,body[data-motion="none"] .service{transform:none!important}.mobile-menu summary:active,.menu-links a:active{background:var(--soft)}.button:active{filter:brightness(.9)}@media print{*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important}.motion-toggle,.mobile-menu{display:none}.wrap{width:100%}.section{padding:30px 0}.hero{padding-top:20px}.service,.photo,.step{break-inside:avoid}.contact-panel{padding:30px}.notice{background:transparent}.hero-media{height:270px}}

/* NORTE: two complementary scenes, shared with the public process concept. */
.gallery{grid-template-columns:1.12fr 1fr;gap:30px;align-items:start}
.gallery .photo:first-child{grid-row:auto}
.gallery .photo img,.gallery .photo:first-child img{height:auto;aspect-ratio:4/3;object-fit:cover}
.hero-media .image-hero{object-position:50% 58%}
.hero-detail img{object-position:66% 55%}
.gallery .photo:last-child img{object-position:64% center}
@media(max-width:760px){.gallery{gap:24px}}
@media(max-width:480px){.hero-media{height:auto;aspect-ratio:6/5}.gallery{grid-template-columns:1fr}.gallery .photo img,.gallery .photo:first-child img{aspect-ratio:4/3}.hero-detail img{object-position:70% center}}