.about-page{--about-night:#10143a;--about-violet:#7c3aed;--about-aqua:#d9d6ff;--about-coral:#ff6038;--about-sun:#ff5f79;--about-paper:#f6f7fb;background:var(--about-paper);color:var(--about-night)}
.about-page main{overflow:hidden}.about-page h1,.about-page h2,.about-page h3{font-family:Georgia,'Times New Roman',serif;font-weight:500}.about-page .premium-header{background:rgba(16,20,58,.86)}.about-page .premium-header .brand,.about-page .premium-header .nav-links a:not(.btn-primary){color:#fff}.about-page .premium-header .brand em{color:var(--about-aqua)}.about-page .premium-header .nav-links a.active:after{width:100%}.about-page .premium-header .btn-primary{background:var(--about-coral)!important}
.about-eyebrow{display:block;font:700 .74rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--about-coral)}
.about-hero{min-height:100vh;padding:9.5rem 7% 6rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:7vw;background:radial-gradient(circle at 70% 25%,rgba(49,215,200,.2),transparent 24%),var(--about-night);color:#fff;position:relative}
.about-hero:after{content:'BEWPOT / HOSPITALITY DIGITAL STUDIO';position:absolute;bottom:2rem;left:7%;font:600 .62rem monospace;letter-spacing:.2em;color:rgba(255,255,255,.4)}
.about-hero__copy{position:relative;z-index:2}.about-hero h1{font-size:clamp(4rem,7.7vw,8.7rem);line-height:.86;letter-spacing:-.065em;margin:1.4rem 0 2rem;max-width:900px}.about-hero h1 em{color:var(--about-aqua);font-weight:400}.about-hero__copy>p{font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.7;color:#c9cdea;max-width:610px}.about-link{display:inline-flex;gap:.8rem;align-items:center;color:#fff;text-decoration:none;margin-top:2.5rem;font-weight:700;border-bottom:1px solid var(--about-aqua);padding-bottom:.35rem}.about-link span{color:var(--about-aqua);transition:transform .25s}.about-link:hover span{transform:translateY(4px)}
.about-hero__visual{position:relative;margin:0}.about-studio{width:min(38vw,520px);justify-self:center;transform:rotate(2deg);box-shadow:24px 24px 0 var(--about-violet)}.about-studio>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.82) contrast(1.06)}.about-studio figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:2.8rem 1.2rem 1rem;background:linear-gradient(transparent,rgba(16,20,58,.88));font:700 .64rem monospace;letter-spacing:.1em;text-transform:uppercase}.about-stamp{position:absolute;right:-2.7rem;top:-2.7rem;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--about-sun);color:var(--about-night);font:800 .72rem/1.25 monospace;text-transform:uppercase;transform:rotate(10deg);box-shadow:0 0 0 7px var(--about-night),0 0 0 9px var(--about-sun)}
.about-manifesto{padding:9rem 7%;display:grid;grid-template-columns:1fr 3fr;gap:5vw;max-width:1500px;margin:auto}.about-manifesto__label{font:700 .7rem monospace;letter-spacing:.13em;text-transform:uppercase;padding-top:.8rem;border-top:2px solid var(--about-night)}.about-manifesto h2{font-size:clamp(2.8rem,5vw,5.8rem);line-height:.98;letter-spacing:-.045em;max-width:1050px}.about-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:4vw;margin-top:4rem}.about-columns p{color:#596077;font-size:1.05rem;line-height:1.85}
.about-people{background:var(--about-aqua);padding:8rem 7%;display:grid;grid-template-columns:.8fr 1.5fr;gap:8vw}.about-people__intro h2{font-size:clamp(3rem,5vw,5.5rem);line-height:.95;margin:1rem 0 2rem;letter-spacing:-.04em}.about-people__intro p{max-width:500px;line-height:1.75}.about-people .about-eyebrow{color:var(--about-night)}.about-promises{border-top:2px solid var(--about-night)}.about-promises article{display:grid;grid-template-columns:130px 1fr 1.2fr;gap:2rem;padding:2.2rem 0;border-bottom:1px solid rgba(16,20,58,.35);align-items:start}.about-promises article>span{font:700 .68rem monospace;text-transform:uppercase;letter-spacing:.1em}.about-promises h3{font-size:1.6rem}.about-promises p{line-height:1.65;color:#2c4560}
.about-route{padding:9rem 7%;background:linear-gradient(140deg,var(--about-violet),#35248d);color:#fff;position:relative}.about-route:before{content:'';position:absolute;right:-8vw;top:4rem;width:38vw;height:38vw;border:1px solid rgba(255,255,255,.18);border-radius:50%}.about-route__head,.route-list{position:relative;z-index:1;max-width:1250px;margin:auto}.about-route__head .about-eyebrow{color:var(--about-aqua)}.about-route h2{font-size:clamp(3rem,5.5vw,6.2rem);line-height:.94;letter-spacing:-.045em;margin:1.2rem 0 5rem}.route-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0}.route-list li{position:relative;padding:2rem 3rem 2rem 0;border-top:1px solid rgba(255,255,255,.5)}.route-list li:before{content:'';position:absolute;top:-7px;left:0;width:13px;height:13px;border-radius:50%;background:var(--about-sun);box-shadow:0 0 0 6px rgba(255,216,77,.18)}.route-list li+li{padding-left:3rem}.route-list li+li:before{left:3rem}.route-list li>span{font:700 .7rem monospace;color:var(--about-aqua)}.route-list h3{font-size:2rem;margin:2rem 0 1rem}.route-list p{color:#dddafa;max-width:310px;line-height:1.7}
.about-cta{padding:10rem 7%;text-align:center;background:var(--about-sun);color:var(--about-night)}.about-cta .about-eyebrow{color:var(--about-night)}.about-cta h2{font-size:clamp(3.4rem,7vw,8rem);line-height:.88;letter-spacing:-.055em;margin:1.5rem 0 3.5rem}.about-cta .btn-primary{background:var(--about-night)!important;color:#fff!important;padding:1rem 2rem}.about-cta .btn-primary span{margin-left:.7rem}.about-page footer{background:var(--about-night)}.footer-note{color:#aeb5d4;margin-top:1rem;font-size:.9rem}
.about-page a:focus-visible{outline:3px solid var(--about-sun);outline-offset:5px}
.about-menu-button{display:none;background:none;border:0;padding:.6rem;cursor:pointer}.about-menu-button span{display:block;width:26px;height:2px;margin:5px 0;background:#fff;transition:transform .25s,opacity .25s}.about-menu-button[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.about-menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.about-menu-button[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.about-page .reveal{opacity:1;transform:none;filter:none}.about-page .delay-1,.about-page .delay-2{transition-delay:0ms}
@media(max-width:900px){.about-menu-button{display:block;margin-left:auto}.about-page .premium-header .nav-links{display:none;position:absolute;top:100%;left:0;right:0;padding:1.5rem 6% 2rem;background:rgba(16,20,58,.98);border-top:1px solid rgba(255,255,255,.12);flex-direction:column;align-items:stretch;gap:.5rem}.about-page .premium-header .nav-links.open{display:flex}.about-page .premium-header .nav-links a{padding:.75rem 0}.about-page .premium-header .nav-links .btn-primary{text-align:center;margin-top:.5rem}.about-hero{grid-template-columns:1fr;padding-top:9rem}.about-hero h1{font-size:clamp(4rem,14vw,7rem)}.about-hero__visual{width:min(78vw,520px);margin:2rem auto 3rem}.about-manifesto{grid-template-columns:1fr}.about-manifesto__label{max-width:220px}.about-people{grid-template-columns:1fr}.about-promises article{grid-template-columns:110px 1fr}.about-promises p{grid-column:2}.route-list{grid-template-columns:1fr}.route-list li,.route-list li+li{padding:2rem 0;border-top:1px solid rgba(255,255,255,.5)}.route-list li+li:before{left:0}}
@media(max-width:600px){.about-hero{padding:8rem 6% 5rem;min-height:auto}.about-hero__copy{display:contents}.about-hero__copy .about-eyebrow{order:1}.about-hero__copy h1{order:2;font-size:clamp(3.7rem,18vw,5.2rem)}.about-hero__copy>p{order:3}.about-hero__visual{order:4;width:92%;margin:1.8rem auto .5rem}.about-hero__copy .about-link{order:5;width:max-content;margin-top:1.2rem}.about-studio{box-shadow:14px 14px 0 var(--about-violet)}.about-studio>img{aspect-ratio:16/10;max-height:300px;object-position:center 48%}.about-studio figcaption{padding-top:2.4rem;font-size:.56rem}.about-manifesto,.about-people,.about-route,.about-cta{padding:6rem 6%}.about-columns{grid-template-columns:1fr;margin-top:2.5rem}.about-promises article{grid-template-columns:1fr;gap:.7rem}.about-promises p{grid-column:auto}.about-route h2{margin-bottom:3rem}.about-cta h2{font-size:clamp(3.4rem,16vw,5.4rem)}}
@media(prefers-reduced-motion:reduce){.about-hero__visual{transform:none}.about-link span{transition:none}}

.about-page .premium-header .nav-links a.active:not(.btn-primary) { color: var(--aqua); }