@import url("fonts.css");
:root{--ink:#192d3c;--blue:#274e72;--paper:#f8f9f7;--line:#d9dfdf;--muted:#5e6a70;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--gutter:clamp(24px,4.7vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body.santinon-site{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--sans);overflow-x:clip}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{color:var(--ink);font-family:var(--display);font-weight:450}h1{font-size:clamp(3.1rem,5.4vw,6.6rem);line-height:1.08;letter-spacing:-.055em}h2{font-size:clamp(2.5rem,4vw,4.7rem);line-height:1.15;letter-spacing:-.05em}h3{font-size:1.55rem;letter-spacing:-.035em;line-height:1.3}em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #6b92b2;outline-offset:6px}img{display:block;width:100%;max-width:100%;object-fit:cover}.shell{padding-inline:var(--gutter)}.eyebrow{display:block;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;margin-bottom:26px}.short-rule{width:26px;display:inline-block;border-top:1px solid;vertical-align:middle;margin-right:12px}.button{background:var(--blue);color:#fff;display:inline-flex;align-items:center;gap:32px;min-height:56px;padding:15px 23px;font-size:.88rem;border:1px solid var(--blue);transition:background .2s,transform .2s}.button:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:.9rem}.text-link:hover{border-color:var(--blue)}.skip-link{position:fixed;left:20px;top:-100px;z-index:1000;background:#fff;padding:12px}.skip-link:focus{top:10px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:rgba(248,249,247,.97);position:sticky;top:0;z-index:30;gap:40px}.brand{width:204px;flex-shrink:0}.brand img{width:100%;height:auto}.main-nav{display:flex;align-items:center;gap:32px;font-size:.86rem}.main-nav>a,.nav-products>a{white-space:nowrap}.nav-contact{border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:18px;padding:12px 0}.nav-products{position:relative;display:flex;align-items:center;gap:6px}.submenu-toggle{border:0;padding:8px;background:transparent;color:var(--ink)}.product-menu{position:absolute;top:100%;left:-24px;background:var(--paper);border:1px solid var(--line);padding:18px 24px;min-width:230px;display:none;box-shadow:0 15px 25px #182d3c0a}.product-menu a{display:block;padding:9px 0}.nav-products.open .product-menu{display:block}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:47% 53%;padding-top:30px;padding-bottom:36px;min-height:650px;max-height:950px}.hero-copy{position:relative;padding:50px 28px 0 0;display:flex;flex-direction:column;align-items:flex-start}.hero h1{margin-bottom:28px}.hero .eyebrow{font-size:.7rem;letter-spacing:.13em;margin-bottom:27px}.hero-copy>p{font-size:1rem;line-height:1.75;color:var(--muted);margin-bottom:28px}.hero-scroll{display:flex;align-items:center;gap:22px;font-size:.76rem;color:var(--muted);margin-top:44px;margin-bottom:8px}.hero-scroll span:last-child{font-size:24px;color:var(--ink)}.hero-image{position:relative;min-height:640px;overflow:hidden}.hero-image>img{height:100%;position:absolute;inset:0;object-position:66% center}.hero-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0c172077)}.hero-image figcaption{position:absolute;z-index:2;bottom:30px;left:30px;right:30px;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;font-size:1.25rem;line-height:1.4}.hero-image figcaption>span:last-child{font-size:.61rem;letter-spacing:.12em;max-width:100px}.hero-stamp{position:absolute;right:20px;top:20px;color:white;backdrop-filter:blur(8px);background:#15263470;border:1px solid #ffffff60;padding:17px 20px;font-size:.95rem;line-height:1.4}.hero-stamp em{font-size:1.15rem}.values-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px;font-size:.82rem;color:var(--muted)}.values-strip strong{font-weight:500;color:var(--ink)}.values-strip>a{display:flex;gap:18px;align-items:center;color:var(--blue)}.catalog-section{padding-block:120px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:54px}.section-heading>p{font-size:.98rem;color:var(--muted);max-width:330px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 26px}.card-image{aspect-ratio:1.08;position:relative;overflow:hidden;background:#e2e7e7}.card-image>img{height:100%;transition:transform .75s ease}.product-card:hover .card-image>img{transform:scale(1.045)}.card-number{position:absolute;top:20px;left:20px;font-size:.75rem;padding:5px 11px;background:#f8f9f7ed}.card-arrow{position:absolute;bottom:18px;right:18px;width:44px;height:44px;background:var(--paper);display:grid;place-items:center;transition:background .2s,color .2s}.product-card:hover .card-arrow{color:white;background:var(--blue)}.card-text{padding-top:20px}.card-text p{font-size:.875rem;color:var(--muted);margin-top:6px}.passage{height:240vh;position:relative;margin-top:90px;background:#1d302e}.passage-sticky{position:sticky;top:104px;height:calc(100vh - 104px);overflow:hidden}.passage-photo{position:absolute;inset:0;transform-origin:64% 45%;will-change:transform,opacity}.passage-photo img{height:100%;object-position:64% center}.passage-shade{position:absolute;inset:0;background:#06162040}.passage-caption{position:absolute;left:var(--gutter);top:23%;color:white}.passage-caption h2{color:white;font-size:clamp(2.7rem,5.5vw,6rem)}.passage-caption p{font-size:.85rem;margin-top:36px}.passage-caption p span{margin-left:30px}.passage-arrival{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;background:var(--paper);opacity:0;pointer-events:none}.passage-arrival h2{font-size:clamp(3rem,6vw,6.4rem)}.skip-animation{position:absolute;right:var(--gutter);bottom:35px;color:white;font-size:.8rem;border-bottom:1px solid #ffffff88;z-index:3}.about-section{padding-block:100px 110px;border-block:1px solid var(--line)}.about-heading{margin-bottom:65px}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:70px}.year{font-family:var(--display);font-size:clamp(6rem,13vw,13rem);font-weight:450;letter-spacing:-.085em;line-height:1;color:#274e722b}.year span{font-size:.8rem;line-height:1.6;letter-spacing:.05em;color:var(--muted);display:block;margin:20px 0 0 10px}.large-copy{font-size:1.65rem;line-height:1.4;margin-bottom:20px}.about-body>div>p:not(.large-copy){color:var(--muted);max-width:550px}.about-body .text-link{margin-top:32px}.works-section{padding-block:110px;background:#eef1f0}.works-track{display:flex;gap:26px;overflow:auto;padding-inline:var(--gutter);scroll-snap-type:x mandatory;scrollbar-width:none}.works-track::-webkit-scrollbar{display:none}.works-track figure{flex:0 0 42%;scroll-snap-align:center}.gallery-open{padding:0;border:none;position:relative;width:100%;display:block;background:transparent;overflow:hidden}.gallery-open>img{aspect-ratio:1.4;transition:transform .8s}.gallery-open:hover>img{transform:scale(1.025)}.image-expand{position:absolute;bottom:20px;right:20px;width:40px;height:40px;background:var(--paper);display:grid;place-items:center}.works-track figcaption{margin-top:22px}.works-track figcaption p{font-size:.85rem;color:var(--muted);margin-top:6px}.gallery-controls{display:flex;justify-content:space-between;margin-top:36px;align-items:center;font-size:.8rem}.gallery-controls button{background:transparent;border:1px solid #abb7bc;color:var(--ink);width:48px;height:48px;margin-left:8px;font-size:20px}.gallery-controls button:hover{background:var(--ink);color:#fff}.replacement-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-block:120px}.replacement-photo img{aspect-ratio:1.05;object-fit:cover}.replacement-section h2{margin-bottom:28px}.replacement-section p{color:var(--muted);max-width:470px;margin-bottom:30px}.contact-cta{padding-block:80px 95px;border-top:1px solid var(--line)}.contact-cta>div{display:flex;align-items:center;justify-content:space-between;gap:40px}.site-footer{background:#172e41;color:#f6f7f6;padding:70px var(--gutter) 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff29;padding-bottom:48px}.footer-brand{width:290px}.footer-top>p{font:2rem/1.3 var(--display);letter-spacing:-.035em}.footer-columns{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:30px;padding-block:50px;font-size:.875rem}.footer-columns .eyebrow{font-size:.67rem;color:#b7c6cf;margin-bottom:20px}.footer-columns a{display:block;color:inherit;margin-bottom:5px}.footer-columns a:hover{color:#b9d6ee}.footer-columns p{margin-bottom:18px}.footer-columns .text-link{display:flex;width:max-content;font-size:.8rem}.socials{margin-top:20px}.socials a{font-size:.75rem}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff29;padding-top:25px;font-size:.72rem;color:#b7c6cf}.whatsapp{position:fixed;z-index:25;right:22px;bottom:22px;display:flex;align-items:center;gap:9px;padding:12px 17px;color:#fff;background:var(--blue);border:1px solid #ffffff35;box-shadow:0 3px 18px #172e4120;font-size:.75rem}.whatsapp:hover{background:var(--ink);color:white}.page-intro{padding-block:85px 75px;border-bottom:1px solid var(--line)}.page-intro h1{max-width:1050px}.page-intro>p{max-width:620px;color:var(--muted);font-size:1.1rem;margin-top:30px}.gallery-dialog{border:0;background:#142431;padding:28px;color:white;width:min(1100px,95vw);max-height:93vh}.gallery-dialog::backdrop{background:#06121be6}.gallery-dialog>img{max-height:75vh;object-fit:contain}.gallery-dialog>p{font-size:.9rem;padding-top:15px}.dialog-close{position:absolute;top:10px;right:12px;border:1px solid #ffffff66;color:white;background:#172e41;width:42px;height:42px;font-size:28px}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.motion-ready .reveal.visible{opacity:1;transform:none}
@media(min-width:1700px){.hero{min-height:790px}.hero-image{min-height:750px}.hero-copy{padding-top:60px}.hero-scroll{margin-top:auto}.hero h1{font-size:6.8rem}}@media(max-width:1150px){.site-header{gap:24px}.main-nav{gap:18px}.brand{width:175px}.nav-contact{font-size:.76rem;gap:10px}.hero{grid-template-columns:48% 52%}.hero-image{min-height:585px}.hero-copy{padding-top:35px}.hero h1{font-size:4.7vw}.hero .eyebrow{font-size:.6rem}.footer-columns{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:850px){.site-header{height:82px}.brand{width:168px}.menu-toggle{display:flex;align-items:center;gap:16px;background:transparent;border:0;color:var(--ink);padding:14px 0;font-size:.85rem}.menu-lines{width:22px;height:10px;border-top:1px solid;border-bottom:1px solid}.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:22px var(--gutter) 30px;box-shadow:0 20px 30px #182d3c10;max-height:calc(100dvh - 82px);overflow-y:auto;font-size:1.1rem}.main-nav.open{display:flex;align-items:stretch;flex-direction:column;gap:15px}.nav-products{flex-wrap:wrap;justify-content:space-between}.product-menu{position:static;box-shadow:none;border:0;width:100%;padding:6px 18px;font-size:1rem}.nav-contact{font-size:1rem;justify-content:space-between;width:fit-content;gap:30px}.hero{grid-template-columns:1fr 1fr;min-height:0;padding-top:24px;max-height:none;gap:20px}.hero-copy{padding:20px 0 0}.hero h1{font-size:clamp(2.9rem,6.2vw,4.3rem)}.hero .eyebrow{font-size:.58rem;letter-spacing:.07em}.short-rule{display:none}.hero-copy>p{font-size:.9rem}.hero .button{font-size:.75rem;padding:12px 15px;gap:16px}.hero-image{min-height:550px}.hero-image figcaption{left:20px;right:20px;bottom:20px;font-size:1rem}.hero-image figcaption>span:last-child{display:none}.hero-stamp{font-size:.75rem;padding:12px;right:12px;top:12px}.hero-stamp em{font-size:.95rem}.values-strip{flex-wrap:wrap;font-size:.73rem}.values-strip>a{display:none}.passage{margin-top:60px;height:200vh}.passage-sticky{top:82px;height:calc(100svh - 82px)}.catalog-section{padding-block:75px}.section-heading{gap:30px;align-items:flex-start}.section-heading>p{font-size:.88rem;max-width:220px}.product-grid{grid-template-columns:1fr 1fr;gap:35px 22px}.about-section{padding-block:75px}.about-body{gap:35px}.works-section{padding-block:75px}.works-track figure{flex-basis:65%}.replacement-section{gap:35px;padding-block:75px}.replacement-section h2{font-size:2.8rem}.contact-cta{padding-block:65px}.contact-cta>div{align-items:flex-start;flex-direction:column}.footer-top>p{font-size:1.5rem}.footer-brand{width:240px}.footer-bottom>span:last-child{display:none}}
@media(max-width:580px){:root{--gutter:22px}h1{font-size:3.25rem}h2{font-size:2.7rem}.hero{display:flex;flex-direction:column;padding-top:15px;gap:28px}.hero h1{font-size:3.7rem;letter-spacing:-.06em}.hero .eyebrow{font-size:.61rem;letter-spacing:.08em;margin-bottom:23px}.hero-copy>p{font-size:.95rem;max-width:300px}.hero .button{font-size:.85rem;min-height:53px;padding-inline:18px;gap:28px}.hero-scroll{margin-top:20px;margin-bottom:0;font-size:.72rem}.hero-image{min-height:410px}.hero-image>img{object-position:65% center}.hero-image figcaption{font-size:1.2rem}.hero-stamp{font-size:.83rem}.values-strip{gap:14px;padding-block:22px;display:grid;grid-template-columns:1fr 1fr;font-size:.72rem}.values-strip>span:last-of-type{grid-column:1/-1}.passage{margin-top:45px;height:170vh}.passage-photo img{object-position:65%}.passage-caption{top:26%;right:22px}.passage-caption h2{font-size:2.9rem}.passage-caption .eyebrow{font-size:.66rem}.passage-arrival h2{font-size:3rem}.passage-arrival .eyebrow{font-size:.61rem}.section-heading{flex-direction:column;gap:22px;margin-bottom:32px}.section-heading>p{max-width:none}.product-grid{gap:30px 15px}.card-image{aspect-ratio:.8}.card-text{padding-top:15px}.card-text h3{font-size:1.17rem}.card-text p{font-size:.78rem;line-height:1.55}.card-number{left:10px;top:10px;font-size:.64rem;padding:4px 8px}.card-arrow{bottom:10px;right:10px;width:32px;height:32px}.card-arrow svg{width:18px}.about-heading{margin-bottom:40px}.about-body{grid-template-columns:1fr;gap:36px}.year{font-size:7.5rem}.year span{margin-top:8px}.large-copy{font-size:1.5rem}.works-track figure{flex-basis:86%}.works-track{gap:18px}.works-track h3{font-size:1.3rem}.gallery-controls{font-size:.71rem}.gallery-controls button{width:40px;height:40px}.replacement-section{grid-template-columns:1fr;gap:40px}.replacement-photo img{aspect-ratio:1.25}.replacement-section h2{font-size:2.7rem}.contact-cta .button{font-size:.78rem;gap:18px}.site-footer{padding-top:45px}.footer-top{align-items:flex-start;gap:30px;flex-direction:column}.footer-brand{width:240px}.footer-top>p{font-size:1.6rem}.footer-columns{grid-template-columns:1fr;gap:36px;padding-block:35px;font-size:.9rem}.footer-columns .eyebrow{font-size:.72rem;margin-bottom:12px}.footer-bottom{font-size:.65rem}.whatsapp{padding:13px;right:14px;bottom:14px}.whatsapp span{display:none}.page-intro{padding-block:55px}.page-intro>p{font-size:1rem}.text-link{font-size:.82rem}.gallery-dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.passage{height:85vh}.passage-sticky{position:relative;top:0;height:85vh}.passage-photo{transform:none!important;opacity:1!important}.passage-arrival{display:none}.passage-caption{opacity:1!important}.motion-ready .reveal{opacity:1;transform:none}}
