@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap";:root{--mary-blue:#1f6fb6;--mary-blue-700:#15558e;--mary-blue-900:#0b3158;--sky-50:#f2f8ff;--sky-100:#e1f0ff;--aqua:#6bd3ff;--gold:#f4c45f;--pearl:#fff;--cream:#fbf7ef;--ink:#11304a;--muted:#64758a;--line:#1f6fb629;--shadow-soft:0 22px 70px #1f6fb624;--shadow-deep:0 34px 110px #0b315847;--radius-xl:34px;--radius-lg:24px;--radius-md:16px;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 12% 4%, #6bd3ff38, transparent 30rem), radial-gradient(circle at 88% 0%, #f4c45f29, transparent 28rem), linear-gradient(180deg, #fff 0%, var(--sky-50) 48%, #fff 100%);-webkit-font-smoothing:antialiased;font-family:Be Vietnam Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;opacity:.42;background-image:linear-gradient(#1f6fb60b 1px,#0000 1px),linear-gradient(90deg,#1f6fb60b 1px,#0000 1px);background-size:76px 76px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;background:0 0;border:0}h1,h2,h3,h4{letter-spacing:-.032em;color:var(--mary-blue-900);font-family:Playfair Display,Georgia,serif;line-height:1.05}p{color:#11304ac2}.container{width:min(1180px,100% - 40px);margin-inline:auto}.eyebrow{color:var(--gold);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:10px;font-size:.77rem;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:34px;height:1px}.eyebrow.blue,.eyebrow.dark{color:var(--mary-blue)}.btn{min-height:52px;transition:transform .28s var(--ease), box-shadow .28s var(--ease), background .28s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-weight:800;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn-blue{color:#fff;background:linear-gradient(135deg, var(--mary-blue), var(--mary-blue-700));box-shadow:0 16px 42px #1f6fb647}.btn-white{color:var(--mary-blue-900);background:#ffffffeb;border:1px solid #ffffffb3;box-shadow:0 16px 40px #0b31581f}@keyframes revealUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.fade-in-up{animation:revealUp .8s var(--ease) both}@media (width<=760px){.container{width:min(100% - 28px,1180px)}}.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.site-header{z-index:1000;width:100%;transition:.35s var(--ease);padding:18px 0;position:fixed;top:0;left:0}.site-header.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;padding:10px 0;box-shadow:0 12px 44px #1f6fb61a}.nav-wrap{height:74px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #ffffffc2;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;padding:0 18px 0 20px;display:flex}.brand{color:var(--mary-blue-900);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:12px;font-weight:900;line-height:1.08;display:inline-flex}.brand-mark{color:#fff;background:radial-gradient(circle at 30% 22%, var(--aqua), var(--mary-blue));border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 12px 28px #1f6fb640}.vertical-menu-button{color:#fff;background:linear-gradient(135deg, var(--mary-blue), var(--mary-blue-700));cursor:pointer;text-transform:uppercase;letter-spacing:.08em;height:50px;transition:.28s var(--ease);border-radius:999px;align-items:center;gap:13px;padding:0 9px 0 20px;font-weight:900;display:inline-flex;box-shadow:0 16px 38px #1f6fb63d}.vertical-menu-button:hover{transform:translateY(-2px);box-shadow:0 22px 52px #1f6fb652}.menu-button-lines{background:#ffffff29;border-radius:50%;place-content:center;width:38px;height:38px;display:grid}.menu-button-lines span{background:#fff;border-radius:10px;width:18px;height:2px;margin:3px auto;display:block}.drawer-overlay{z-index:1001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;background:#0b315875;transition:all .3s;position:fixed;inset:0}.drawer-overlay.active{opacity:1;visibility:visible}.vertical-drawer{z-index:1002;background:linear-gradient(180deg, #fff, var(--sky-50));width:min(440px,100vw - 28px);box-shadow:var(--shadow-deep);transition:right .42s var(--ease);border-radius:34px;padding:28px;position:fixed;top:18px;bottom:18px;right:-470px;overflow:auto}.vertical-drawer.active{right:18px}.drawer-close{color:#fff;background:var(--mary-blue);cursor:pointer;border-radius:50%;place-items:center;width:46px;height:46px;margin-left:auto;font-size:1.8rem;display:grid}.drawer-intro{padding:8px 4px 18px}.drawer-intro h2{margin:12px 0 10px;font-size:clamp(2rem,5vw,3rem)}.vertical-links{gap:10px;margin-top:8px;display:grid}.vertical-links a{border:1px solid var(--line);color:var(--mary-blue-900);transition:.26s var(--ease);background:#ffffffc7;border-radius:20px;gap:3px;padding:17px 18px 17px 22px;display:grid;position:relative;overflow:hidden}.vertical-links a:before{content:"";background:var(--mary-blue);opacity:.18;width:5px;transition:.26s var(--ease);position:absolute;inset:0 auto 0 0}.vertical-links a span{font-weight:900}.vertical-links a small{color:var(--muted);font-weight:700}.vertical-links a:hover,.vertical-links a.active{color:#fff;background:linear-gradient(135deg, var(--mary-blue), var(--mary-blue-700));transform:translate(-5px);box-shadow:0 18px 46px #1f6fb638}.vertical-links a:hover small,.vertical-links a.active small{color:#ffffffc2}.vertical-links a:hover:before,.vertical-links a.active:before{opacity:0}.reference-hero{background:var(--sky-50);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.reference-hero:before{content:"";background:linear-gradient(90deg, #fffffff5, #ffffffad 42%, #1f6fb62e), var(--hero-image);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.reference-hero:after{content:"";background:linear-gradient(#0000,#fff);height:34%;position:absolute;bottom:0;left:0;right:0}.hero-grain{z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 22%,#6bd3ff3d,#0000 24rem),radial-gradient(circle at 70% 70%,#f4c45f24,#0000 22rem);position:absolute;inset:0}.reference-hero-grid{z-index:2;grid-template-columns:minmax(0,1fr) 390px;align-items:end;gap:54px;padding:142px 0 78px;display:grid;position:relative}.reference-hero-copy h1{max-width:830px;margin:18px 0 22px;font-size:clamp(3rem,7.2vw,7rem)}.hero-lead{color:#11304acc;max-width:680px;font-size:clamp(1.05rem,1.6vw,1.32rem)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.heritage-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:690px;margin-top:32px;display:grid}.heritage-stats div{border:1px solid var(--line);background:#ffffffd1;border-radius:22px;padding:16px 18px;box-shadow:0 14px 38px #1f6fb614}.heritage-stats strong{color:var(--mary-blue);font-family:Playfair Display;font-size:2rem;line-height:1;display:block}.heritage-stats span{color:var(--muted);font-size:.88rem;font-weight:700}.floating-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-deep);background:#ffffffe6;border:1px solid #ffffffd9;padding:34px;animation:6s ease-in-out infinite floatSoft}.floating-card h2{margin:22px 0 14px;font-size:2.45rem}.sun-seal{text-align:center;width:104px;height:104px;color:var(--mary-blue-900);background:radial-gradient(circle at 30% 20%, #fff9d8, var(--gold));border-radius:50%;place-items:center;font-family:Playfair Display;font-weight:800;line-height:1.05;display:grid;box-shadow:0 18px 50px #f4c45f57}.section{padding:104px 0;position:relative}.two-col{grid-template-columns:.82fr 1fr;align-items:start;gap:54px;display:grid}.two-col h2,.section-heading h2{font-size:clamp(2.3rem,5vw,4.8rem)}.prose-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);background:#fff;gap:16px;padding:clamp(28px,4vw,46px);display:grid}.craft-section{background:linear-gradient(#0000,#e1f0ffb3,#0000)}.section-heading{max-width:790px;margin-bottom:42px}.section-heading.center{text-align:center;margin-inline:auto}.section-heading.center .eyebrow{justify-content:center}.section-heading.light h2,.section-heading.light p{color:#fff}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{border-radius:var(--radius-lg);border:1px solid var(--line);transition:.32s var(--ease);background:#fff;padding:30px;box-shadow:0 18px 54px #1f6fb61a}.feature-card:hover{transform:translateY(-7px);box-shadow:0 26px 80px #1f6fb62e}.feature-card span{color:var(--mary-blue);letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;font-weight:900}.feature-card h3{margin:14px 0 10px;font-size:1.7rem}.menu-section{background:linear-gradient(145deg, var(--mary-blue-900), var(--mary-blue));overflow:hidden}.menu-section:before{content:"";opacity:.16;background-image:linear-gradient(135deg,#fff 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.menu-section .container{z-index:1;position:relative}.product-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.product-card{transition:.32s var(--ease);background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px #0000002e}.product-card:hover{transform:translateY(-8px)}.product-card img{object-fit:cover;width:100%;height:220px}.product-card div{padding:24px}.product-card h3{margin:7px 0 10px;font-size:1.55rem}.tag{color:var(--mary-blue);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:900}.closing-card{text-align:center;background:linear-gradient(135deg, white, var(--sky-50));border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:42px;padding:clamp(34px,6vw,70px)}.closing-card h2{max-width:920px;margin:14px auto;font-size:clamp(2.1rem,4.8vw,4.5rem)}.closing-card p{max-width:760px;margin:0 auto 26px}.page-hero{background:linear-gradient(180deg, white, var(--sky-50));align-items:end;min-height:78vh;padding:140px 0 70px;display:flex;overflow:hidden}.page-hero-grid{grid-template-columns:1fr .78fr;align-items:center;gap:48px;display:grid}.page-hero h1{margin:16px 0;font-size:clamp(3rem,6.6vw,6.2rem)}.page-hero p:not(.eyebrow){max-width:670px;font-size:1.15rem}.page-hero-image{background:linear-gradient(to top, #0b315829, transparent), var(--page-image) center/cover;min-height:460px;box-shadow:var(--shadow-deep);border-radius:38px;position:relative}.page-hero-image:after{content:"";border:1px solid #ffffffbf;border-radius:28px;position:absolute;inset:18px}.back-link{color:var(--mary-blue);border:1px solid var(--line);background:#fff;border-radius:999px;margin-bottom:20px;padding:10px 16px;font-weight:800;display:inline-flex}.article-layout{grid-template-columns:310px 1fr;align-items:start;gap:34px;display:grid}.article-aside{background:var(--sky-50);border:1px solid var(--line);border-radius:26px;padding:26px;position:sticky;top:118px}.article-aside h2{margin:12px 0;font-size:2.3rem}.article-card{box-shadow:var(--shadow-soft);background:#fff;border-radius:38px;padding:clamp(30px,5vw,66px)}.editorial-body{gap:18px;display:grid}.editorial-paragraph,.lead-paragraph{font-size:1.05rem}.lead-paragraph{color:var(--mary-blue-900);font-size:clamp(1.22rem,2vw,1.5rem);font-weight:700}.editorial-subheading{margin-top:22px;font-size:clamp(1.6rem,3vw,2.35rem)}.editorial-quote{border-left:5px solid var(--mary-blue);background:var(--sky-50);color:var(--mary-blue-900);border-radius:20px;margin:18px 0;padding:24px;font-family:Playfair Display;font-size:1.32rem}.editorial-list-item{background:var(--sky-50);border-radius:18px;gap:12px;padding:14px 16px;display:flex}.list-icon{color:var(--mary-blue);font-weight:900}.related-section{background:linear-gradient(180deg, transparent, var(--sky-50))}.compact .feature-card{min-height:230px}.footer{background:var(--mary-blue-900);color:#fff;margin-top:20px;padding:72px 0 26px}.footer-grid{grid-template-columns:1.1fr .8fr .9fr;gap:34px;display:grid}.footer h3,.footer h4{color:#fff}.footer p,.footer li,.footer a{color:#ffffffb8}.footer-links ul{gap:10px;margin-top:14px;list-style:none;display:grid}.footer-bottom{border-top:1px solid #ffffff24;margin-top:42px;padding-top:20px}@media (width<=1080px){.reference-hero-grid,.page-hero-grid,.two-col,.article-layout{grid-template-columns:1fr}.article-aside{position:static}}@media (width<=860px){.feature-grid,.product-grid,.footer-grid{grid-template-columns:1fr 1fr}.floating-card{display:none}.heritage-stats{grid-template-columns:1fr}}@media (width<=620px){.site-header{padding:10px 0}.nav-wrap{height:62px}.brand{font-size:.82rem}.brand-mark{width:42px;height:42px}.menu-button-text{display:none}.vertical-menu-button{justify-content:center;width:48px;height:48px;padding:0}.menu-button-lines{width:38px;height:38px}.vertical-drawer{border-radius:26px;padding:22px;top:10px;bottom:10px;right:-100vw}.vertical-drawer.active{right:10px}.reference-hero-grid{padding-top:124px}.reference-hero-copy h1{font-size:clamp(2.55rem,15vw,4.4rem)}.section{padding:72px 0}.feature-grid,.product-grid,.footer-grid{grid-template-columns:1fr}.page-hero-image{min-height:300px}.article-card,.closing-card{border-radius:28px}}