@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap');
:root{color-scheme:dark;--ink:#f7f4e9;--teal:#073743;--gold:#eac58b;--line:rgba(255,247,225,.52)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#102e34;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}button:focus-visible,a:focus-visible{outline:3px solid #8de9f1;outline-offset:5px}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}.skip{position:fixed;top:-80px;left:20px;z-index:50;padding:14px 24px;background:#073743;border:1px solid white;border-radius:12px}.skip:focus{top:15px}.scene{position:relative;min-height:850px;height:max(100svh,66.6667vw);background:#173c40 url('assets/home-scene.webp') center center/cover no-repeat;isolation:isolate}.scene:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(5,28,34,.24),transparent 30%)}.glass{background:linear-gradient(110deg,rgba(213,218,208,.28),rgba(41,44,39,.44));border:1px solid rgba(255,245,220,.73);border-radius:25px;box-shadow:inset 0 1px 2px #fff8,inset 0 -1px 3px #0003,0 14px 38px #071d2426;backdrop-filter:blur(20px) saturate(.85);-webkit-backdrop-filter:blur(20px) saturate(.85)}.header{position:absolute;top:4.4%;left:10%;right:9%;min-height:76px;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:22px;z-index:5;background:linear-gradient(100deg,#e9e4d4b8,#3b353b91)}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap;color:#10242a}.brand-mark{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border:1px solid #a47531;border-radius:50%;font:500 20px 'Cormorant Garamond',Georgia,serif;box-shadow:inset 0 0 12px #d899364f;background:linear-gradient(120deg,#073c48e6,#784d23c7);color:#fff6dc}.brand-mark span{color:#ffd38e;font-size:17px}.brand-name{font:500 clamp(17px,1.85vw,29px) 'Cormorant Garamond',Georgia,serif;display:block;font-variant:small-caps;letter-spacing:.025em}.brand-values{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1.6px;margin-top:4px}nav{display:flex;align-items:center;gap:4px}.nav-link{display:flex;align-items:center;gap:9px;padding:13px 15px;background:none;border-radius:13px;white-space:nowrap;font:500 18px 'Cormorant Garamond',Georgia,serif;text-shadow:0 1px 3px #0005}.nav-link svg{width:27px;height:27px}.nav-link.active{background:linear-gradient(#f6d7a05c,#9f602773);box-shadow:inset 0 1px #f8deb3,0 4px 15px #c48a3d33}.menu-toggle{display:none}.identity{position:absolute;left:22.5%;top:49%;width:35.5%;text-align:center;text-shadow:0 2px 15px #091e29,0 1px 2px #000;font-family:'Cormorant Garamond',Georgia,serif}.the{font-size:clamp(20px,2.2vw,35px);text-transform:uppercase;letter-spacing:.17em}.identity h1{font-size:clamp(48px,4.9vw,82px);font-weight:400;line-height:1.04;margin:0;white-space:nowrap;font-variant:small-caps}.identity h1 span{color:#9be5e9}.project{font-size:clamp(22px,2.7vw,44px);letter-spacing:.24em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:13px}.project span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#fce4b3)}.project span:last-child{transform:rotate(180deg)}.identity p{font-family:'DM Sans',Arial,sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-top:12px}.mission{position:absolute;left:62%;right:5%;top:19%;padding:clamp(23px,2.2vw,40px);background:linear-gradient(120deg,#8e8b7c7a,#2b302dcc);text-shadow:0 1px 5px #0003}.mission h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-variant:small-caps;font-size:clamp(29px,2.8vw,48px);line-height:1.05;letter-spacing:.025em;margin:0}.gold-rule{height:1px;background:linear-gradient(90deg,#f6e7bb80,#efc380,transparent);margin:23px 0}.mission p{font-size:clamp(15px,1.45vw,23px);line-height:1.6;letter-spacing:.01em;margin:0 0 22px}.primary{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;padding:15px 20px;border:1px solid #c2eff0;border-radius:40px;background:linear-gradient(145deg,#27606c,#05313e 55%,#497773);box-shadow:inset 0 2px 9px #9be8ec88,0 4px 16px #7adbe52e,0 4px 0 #042c3250;font:500 clamp(15px,1.25vw,19px) 'Cormorant Garamond',Georgia,serif;text-transform:uppercase;letter-spacing:.02em}.primary svg{width:22px}.collection{position:absolute;left:3.5%;right:3.5%;bottom:15%;display:grid;grid-template-columns:1.1fr 1.08fr 1.18fr .82fr;align-items:stretch;padding:16px 18px;background:linear-gradient(110deg,#c2d2c349,#25525c73);border-radius:27px}.collection button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:15px;background:transparent;padding:11px 22px;text-align:left;min-width:0}.collection button+button{border-left:1px solid #f5e3bb88}.collection strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(17px,1.4vw,23px);font-weight:500}.collection small{display:block;font-size:clamp(10px,.82vw,13px);line-height:1.4;margin-top:6px}.collection-icon{width:36px;height:36px}.collection .arrow{width:18px;height:18px;margin-left:auto}footer{position:absolute;bottom:3.5%;left:3%;right:3%;text-align:center;text-shadow:0 2px 4px #00161c}.values{font-family:'Cormorant Garamond',Georgia,serif;text-transform:uppercase;letter-spacing:.12em;font-size:18px;margin:0 0 17px}.values b{font-weight:400;padding:0 16px}.footer-links{display:flex;justify-content:center;align-items:center;gap:18px;font-size:10px;color:#fff}.footer-links button{background:transparent;font-size:10px;padding:5px;text-decoration:underline;text-underline-offset:4px}dialog{width:min(680px,calc(100% - 28px));max-height:calc(100svh - 40px);padding:0;background:linear-gradient(145deg,#23474bfa,#102f38fc);color:#fbf6e9;border:1px solid #d9dfd38c;border-radius:25px;box-shadow:0 24px 100px #0009;overflow:auto}dialog::backdrop{background:#041b24b8;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;border-bottom:1px solid #fff2;font:500 16px 'Cormorant Garamond',Georgia,serif;letter-spacing:.06em}.close{background:transparent}.dialog-top .close{width:40px;height:40px;border:1px solid #fff5;border-radius:50%;font-size:19px}.dialog-body{padding:30px 38px}.eyebrow{color:#e8c18a;letter-spacing:.16em;font-size:11px;text-transform:uppercase;margin:0 0 12px}.dialog-body h2{font:400 44px/1.08 'Cormorant Garamond',Georgia,serif;margin:0 0 24px}.dialog-body h3{font:500 25px 'Cormorant Garamond',Georgia,serif;margin:27px 0 10px}.dialog-body p,.dialog-body li{font-size:16px;line-height:1.7;color:#e8ece6}.dialog-body ul{padding-left:21px}.dialog-body .status{padding:13px 18px;border-radius:12px;background:#ffffff0b;border:1px solid #ffffff25;font-size:14px}.dialog-body .sample{padding:20px;background:#f4eddd;color:#18343b;border-radius:14px}.sample p{color:#18343b}.sample h3{margin-top:0}.dialog-bottom{padding:0 38px 30px}.secondary{border:1px solid #fff5;border-radius:25px;padding:12px 18px;background:#fff1;font-size:14px}.noscript{background:#10303b;margin:0;padding:20px;text-align:center}
@media(min-width:1800px){.header{padding:15px 24px}.brand-values{font-size:11px}.nav-link{font-size:23px;padding:18px}.collection{padding:25px}.collection small{font-size:15px}.identity p{font-size:12px}.values{font-size:23px}}
@media(max-width:1150px) and (min-width:761px){.header{left:4%;right:4%;gap:10px}.brand-values{letter-spacing:.5px}.nav-link{padding:12px 9px;font-size:16px}.nav-link svg{width:22px}.mission{left:60%;right:3%;top:20%;padding:24px}.identity{left:16%;width:40%;top:50%}.collection{left:3%;right:3%;padding:14px 8px;bottom:13%}.collection button{gap:9px;padding:10px}.collection-icon{width:25px}.collection .arrow{display:none}}
@media(max-width:760px){.scene{height:auto;min-height:100svh;background-size:auto 760px;background-position:40% top}.scene:after{background:linear-gradient(0deg,#102e34 2%,#102e34e8 35%,transparent 75%)}.header{top:16px;left:16px;right:16px;min-height:68px;padding:10px 13px;border-radius:18px;gap:8px}.brand{gap:9px}.brand-mark{width:39px;height:39px;font-size:17px}.brand-name{font-size:20px}.brand-values{font-size:6px;letter-spacing:.4px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border-radius:10px;background:#153b4166;flex-shrink:0}.menu-toggle span{display:block;width:22px;height:1px;background:#fff;margin:0 auto}nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background:#15373ef5;border:1px solid #f5e2bb80;border-radius:18px;padding:10px;box-shadow:0 15px 30px #0005}nav.open{display:flex;flex-direction:column;align-items:stretch}.nav-link{font-family:'DM Sans',Arial,sans-serif;font-size:15px;padding:13px;gap:15px}.identity{position:relative;left:auto;top:auto;width:calc(100% - 40px);margin:auto;padding-top:390px}.the{font-size:20px}.identity h1{font-size:48px}.project{font-size:26px;max-width:300px;margin:auto}.identity p{font-size:8px;letter-spacing:1.5px;margin-bottom:30px}.mission{position:relative;left:auto;right:auto;top:auto;margin:0 20px;padding:27px;background:linear-gradient(130deg,#647971b8,#14373ade)}.mission h2{font-size:37px}.mission p{font-size:16px;margin-bottom:20px}.primary{font-size:17px}.collection{position:relative;left:auto;right:auto;bottom:auto;margin:22px 20px;padding:7px 15px;display:block;background:#52716d55;border-radius:22px}.collection button{width:100%;padding:21px 4px;gap:16px}.collection button+button{border-left:0;border-top:1px solid #f5e3bb66}.collection strong{font-size:22px}.collection small{font-size:12px}.collection-icon{width:31px;height:31px}.collection .arrow{width:19px}footer{position:relative;left:auto;right:auto;bottom:auto;padding:10px 20px 26px}.values{font-size:12px;letter-spacing:.02em;line-height:2}.values b{padding:0 5px}.footer-links{gap:7px 14px;flex-wrap:wrap;font-size:10px}.footer-links>span{width:100%;margin-bottom:4px}.dialog-body{padding:25px}.dialog-body h2{font-size:36px}.dialog-bottom{padding:0 25px 25px}}
@media(max-width:370px){.brand-name{font-size:17px}.brand-values{font-size:5.4px}.brand-mark{width:32px;height:32px}.identity h1{font-size:42px}.mission{padding:23px}.mission h2{font-size:32px}}
.brand-mark{font-size:0!important;background-image:url('assets/home-scene.webp');background-size:190px 127px;background-position:-51px -17px;background-repeat:no-repeat;background-color:#23454a}.brand-mark span{display:none}
@media(max-width:760px){.brand-mark{background-size:154px 103px;background-position:-42px -14px}}
@media(max-width:370px){.brand-mark{background-size:126px 84px;background-position:-34px -11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}