/* Rooted Possibilities: owner-requested extension of the existing identity. */
@font-face{font-family:PersonalHand;src:url('/assets/fonts/hand.woff2') format('woff2');font-weight:400 700;font-display:swap}

.handwritten{font-family:PersonalHand,cursive;font-weight:400;letter-spacing:0;line-height:1.15}

.phone-break{display:none}

.hero{min-height:760px;min-height:max(720px,calc(100svh - 100px));background:#eeeae2}

.dreamscape{position:absolute;inset:0;z-index:0;background:linear-gradient(125deg,#f8f5ef,#cbd5e1);overflow:hidden}

.legacy-scene{position:absolute;right:-7%;top:0;width:78%;height:100%;object-fit:cover;object-position:50% 5%;max-width:none;mask-image:linear-gradient(90deg,transparent,#000000 30%)}

.dreamscape::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f5ef 3%,#f8f5eff2 27%,#f8f5efc7 39%,#f8f5ef42 54%,transparent 69%)}

.hero-content{padding-block:50px 65px}

.hero .eyebrow{letter-spacing:.07em;font-size:11px;margin-bottom:24px}

.hero .mission-headline{font:400 clamp(76px,7.6vw,96px)/.91 var(--display);letter-spacing:-.035em;max-width:650px;color:#13263d}

.mission-headline em{display:block;line-height:1.16;color:#365577}

.hero-thai-line{font:400 clamp(23px,2vw,30px)/1.8 var(--heading);margin-top:25px;max-width:580px}

.hero-description{font-size:14px;line-height:1.95;max-width:44ch;margin-top:14px;color:#485c73}

.hero .actions{margin-top:26px;gap:25px}

.hero-personal-note{position:absolute;right:6%;bottom:40px;z-index:2;text-align:right;color:#f8f5ef;font-size:33px;transform:rotate(-5deg)}

.hero-personal-note span{display:block}

.hero-signature{display:none}

.recognition{padding-top:110px}

.reflection-orbit{background:radial-gradient(circle,#cad2dd 0,transparent 65%)}

.reflection-orbit::after{content:'';position:absolute;inset:12%;background:url('/assets/ocean-depth.svg') center 38%/cover;border-radius:50%;opacity:.75}

.reflection-orbit>span{display:none}

.reflection-orbit>span em{color:#2b3b50}

.reflection-orbit .orbit-ring{z-index:1}

.manifesto-heading{display:grid;grid-template-columns:1fr .7fr;gap:8%;align-items:end;max-width:none;margin-bottom:58px}

.manifesto-heading h2{font-size:clamp(32px,3.7vw,54px);line-height:1.6}

.philosophy-heading.manifesto-heading .manifesto-note{font-size:31px;color:#4d617c;max-width:260px;transform:rotate(-5deg);justify-self:end;margin:0 10px 14px 0}

.manifesto-heading .eyebrow{font-size:14px;text-transform:none;letter-spacing:.02em;margin-bottom:16px}

.principle-grid{display:block}

.principle{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;align-items:baseline;gap:30px;padding:28px 0;border-top:1px solid #bcc6d4}

.principle .principle-en{font-size:36px;line-height:1.2;margin:0;color:#3a506d}

.principle h3{font-size:19px;margin:0;line-height:1.8}

.principle p:last-child{font-size:14px;max-width:39ch}

.principle.featured{margin:0 -24px;padding:32px 24px;background:#e2e9f2;border-top-color:#96a7bd}

.principle.featured .principle-en{color:#2a3a4f;font-style:italic;font-size:39px}

.mission{background:#13263d;color:#f8f5ef;isolation:isolate;min-height:660px;display:flex;align-items:center;padding-block:100px}

.mission::before{inset:0;left:0;top:0;width:100%;height:100%;border:0;border-radius:0;background:linear-gradient(#13263dc9,#13263de8),url('/assets/ocean-horizon.svg') center 36%/cover;z-index:-1}

.mission .wrap>p:first-child{font-family:var(--heading);font-size:20px;letter-spacing:0;color:#c5ced9;max-width:630px;line-height:1.9}

.mission h2{color:#f8f5ef;font-size:clamp(70px,8vw,96px);margin:35px 0 28px;line-height:.95}

.mission h2 em{color:#a4b1c3}

.mission-copy{font-size:16px;color:#cad2dd}

.mission-caption{color:#abb8c8;font-size:12px;margin-top:24px}

.mission-hand{font-size:33px!important;color:#b5c0ce!important;margin-top:32px!important;transform:rotate(-3deg)}

.welcome-horizon{height:190px;background:none;overflow:hidden;max-width:500px}

.welcome-horizon div{inset:0;width:100%;height:100%;left:0;top:0;border-radius:48% 48% 0 0;background:url('/assets/ocean-horizon.svg') center 40%/cover;opacity:.85}

.welcome-horizon::after{background:linear-gradient(90deg,transparent,#5d7595,transparent)}

@media(min-width:1600px){.hero .mission-headline{font-size:96px}
.legacy-scene{right:0;width:73%}
}

@media(max-width:1000px){.hero .mission-headline{font-size:82px;max-width:550px}
.hero-description{max-width:38ch}
.legacy-scene{right:-16%;width:100%}
.dreamscape::after{background:linear-gradient(90deg,#f8f5eff5 0,#f8f5efb5 36%,transparent 76%)}
.hero-personal-note{font-size:29px;bottom:28px}
.principle{grid-template-columns:1.2fr 1fr;gap:10px 25px}
.principle p:last-child{grid-column:2}
.principle .principle-en{grid-row:span 2;font-size:32px}
.manifesto-heading{gap:6%}
.manifesto-heading .manifesto-note{font-size:28px}
}

@media(max-width:760px){.hero{min-height:930px;align-items:flex-start}
.hero-content{padding-block:36px 390px}
.hero .mission-headline{font-size:clamp(59px,17vw,76px);line-height:.94;letter-spacing:-.035em;max-width:100%}
.hero .eyebrow{font-size:10px;margin-bottom:20px;max-width:35ch}
.hero-thai-line{font-size:23px;margin-top:20px;max-width:24ch}
.hero-description{font-size:13px;max-width:42ch;margin-top:14px;line-height:1.9}
.hero .actions{gap:10px 20px;margin-top:23px}
.legacy-scene{top:auto;bottom:0;right:-27%;width:154%;height:62%;object-position:50% 39%}
.dreamscape::after{background:linear-gradient(#f8f5ef 0%,#f8f5eff5 39%,#f8f5efbf 52%,#f8f5ef1f 69%,transparent 81%)}
.hero-personal-note{right:22px;bottom:28px;font-size:27px;line-height:1.05}
.hero-personal-note span{display:inline}
.hero-personal-note span+span::before{content:' '}
.recognition{padding-top:75px}
.manifesto-heading{display:block;margin-bottom:36px}
.manifesto-heading .manifesto-note{font-size:27px;margin:25px 0 0;max-width:none;transform:rotate(-3deg)}
.manifesto-heading .eyebrow{font-size:12px}
.manifesto-heading h2{font-size:31px}
.principle{display:block;padding:25px 0}
.principle .principle-en{font-size:34px;min-height:0;margin:0 0 8px}
.principle h3{font-size:18px;margin-bottom:10px}
.principle p:last-child{font-size:14px;max-width:none}
.principle.featured{margin:0 -12px;padding:27px 12px}
.principle.featured .principle-en{font-size:37px}
.mission{min-height:590px;padding-block:72px}
.mission .wrap>p:first-child{font-size:17px;max-width:27ch;letter-spacing:0}
.mission h2{font-size:clamp(65px,19vw,85px);margin:30px 0}
.mission-copy{font-size:14px;max-width:30ch}
.mission-caption{font-size:11px}
.mission-hand{font-size:30px!important}
.welcome-horizon{height:165px}
}

@media(prefers-reduced-motion:reduce){.hero-personal-note,.mission-hand,.manifesto-note{transform:none}
}

@media(max-width:760px){.legacy-scene{mask-image:none}
.phone-break{display:block}
.desktop-space{display:none}
.hero-thai-line{max-width:none;font-size:22px}
}