/* About 303: a company story, with shared type, client proof and motion. */
body[data-page=about]{--pad:max(var(--cf-gutter),var(--safe-left,0px),var(--safe-right,0px))}
body[data-page=about] :is(.about-hero,.about-story,.about-partnerships,.about-principles,.about-location,.about-next-step){padding-inline:max(var(--pad),calc((100vw - var(--cf-rail-home))/2));position:relative}
body[data-page=about] :is(.about-story,.about-partnerships,.about-principles,.about-location,.about-next-step){padding-block:clamp(65px,6vw,115px);border-top:1px solid var(--cf-line)}
body[data-page=about] p{color:var(--cf-muted);line-height:1.7}
body[data-page=about] .micro{color:var(--cf-label);font:400 11px/1.7 var(--cf-mono);letter-spacing:.045em}
body[data-page=about] a:focus-visible{outline:2px solid var(--cf-light);outline-offset:6px}
body[data-page=about] :is(.about-action,.about-section-top>a,.principle-row>a){display:inline-flex;min-height:44px;align-items:center;gap:26px;font-size:14px;line-height:1.4;color:var(--cf-ink);text-decoration:none;border-bottom:1px solid #62809985;padding-block:9px}
body[data-page=about] :is(.about-action,.about-section-top>a,.principle-row>a)>span{color:var(--cf-light);font-size:24px}
body[data-page=about] :is(.about-action,.about-section-top>a,.principle-row>a):hover{color:var(--cf-light);border-color:var(--cf-light)}
body[data-page=about] .about-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:45px 3%;align-items:center;min-height:min(100svh,1100px);padding-top:calc(var(--shell-height,96px) + clamp(55px,5vw,95px));padding-bottom:32px;overflow:clip;background:radial-gradient(ellipse at 80% 42%,#103b5338,transparent 58%),var(--cf-night);isolation:isolate}
body[data-page=about] .about-hero-heading{position:relative;z-index:2;translate:var(--hero-slide,0px) 0;opacity:calc(1 - var(--hero-depart,0)*.45)}
body[data-page=about] .about-hero-heading>.micro{display:block;margin-bottom:35px}
body[data-page=about] .about-hero h1{margin:0 0 34px;max-width:780px}
body[data-page=about] .about-hero h1 em{color:var(--cf-light)}
body[data-page=about] .about-introduction{font-size:clamp(17px,1.25vw,22px);max-width:43ch;margin:0 0 25px}
body[data-page=about] .about-hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--cf-line);padding-top:23px;margin-top:12px}
/* A small architectural folio, derived from the official logo's chamfers. */
body[data-page=about] .about-signature{margin:0;min-width:0;position:relative;isolation:isolate}
body[data-page=about] .about-signature-scene{position:relative;width:100%;aspect-ratio:800/720;perspective:1500px;transform:translateY(calc(var(--about-depth,0)*-32px));transform-origin:center}
body[data-page=about] .about-signature-scene:before{content:'';position:absolute;inset:25% 0 1%;background:radial-gradient(ellipse at 55% 55%,#019edb24,transparent 65%);pointer-events:none}
body[data-page=about] .about-signature-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#44758f65;stroke-width:1}
body[data-page=about] .signature-light{stroke:var(--cf-light);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:calc((1 - var(--about-depth,0))*.35);filter:drop-shadow(0 0 8px #019edb80)}
body[data-page=about] .signature-stack{position:absolute;left:17%;top:15%;width:72%;height:73%;transform-style:preserve-3d;transform:rotateX(calc(8deg - var(--about-depth,0)*4deg)) rotateY(calc(-17deg + var(--about-depth,0)*10deg)) rotateZ(-7deg)}
body[data-page=about] .signature-pane{position:absolute;inset:0;border:1px solid #577e9899;background:linear-gradient(140deg,#193342c0,#0a131ed9);box-shadow:6px 8px 0 #122635,7px 9px 0 #4e789c80,20px 35px 50px -25px #000c;clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,6% 100%,0 93%)}
body[data-page=about] .signature-pane:before{content:'';position:absolute;inset:12px;border:1px solid #6a93af55;clip-path:polygon(0 0,93% 0,100% 8%,100% 100%,7% 100%,0 92%);pointer-events:none}
body[data-page=about] .signature-pane:after{content:'';position:absolute;top:0;left:12%;width:25%;height:2px;background:var(--cf-light);box-shadow:0 0 16px #019edb80}
body[data-page=about] .signature-pane-back{transform:translate3d(-23%,-17%,calc(-90px - var(--about-depth,0)*40px));color:#91a8c6;background:#0d1928b0}
body[data-page=about] .signature-pane-middle{transform:translate3d(-11.5%,-8.5%,calc(-45px - var(--about-depth,0)*20px));color:#a7abff;background:linear-gradient(140deg,#263040c9,#0b1728ed)}
body[data-page=about] .signature-pane-back>span,body[data-page=about] .signature-pane-middle>span{position:absolute;left:6%;top:4%;font:400 clamp(8px,1vw,13px)/1.4 var(--cf-mono)}
body[data-page=about] .signature-pane-front{container-type:size;display:flex;flex-direction:column;padding:8%;background:linear-gradient(155deg,#284c5eec,#0d1c2a 62%,#090f18);overflow:hidden;color:var(--cf-ink)}
body[data-page=about] .signature-since{font:400 clamp(10px,.9vw,14px)/1.5 var(--cf-mono);color:#adccde;letter-spacing:.15em}
body[data-page=about] .signature-pane-front>strong{display:block;font:500 clamp(55px,min(66cqi,55cqb),290px)/1.14 var(--cf-display);letter-spacing:-.035em;margin:auto 0;color:var(--cf-frost);text-shadow:1px 2px 0 #152e40,3px 6px 0 #547d9550}
body[data-page=about] .signature-pane-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #7092a955;padding-top:6%;gap:15px}
body[data-page=about] .signature-pane-bottom img{width:18%;height:auto;filter:none}
body[data-page=about] .signature-pane-bottom span{font:400 clamp(8px,.8vw,12px)/1.6 var(--cf-mono);color:#adccde}
body[data-page=about] .signature-annotation{position:absolute;bottom:6%;right:3%;font:400 clamp(8px,.8vw,11px)/1.6 var(--cf-mono);color:var(--cf-label)}
body[data-page=about] .about-signature figcaption{position:absolute;left:0;bottom:0;font:400 13px/1.7 var(--cf-body);color:var(--cf-muted);border-left:2px solid var(--cf-light);padding-left:17px}
body[data-page=about] .about-section-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:45px}
body[data-page=about] .about-section-top>a{font-size:13px}
body[data-page=about] .about-story{display:block;background:var(--cf-surface-deep)}
body[data-page=about] .about-story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:start}
body[data-page=about] :is(.about-story h2,.about-proof-heading h2,.about-principles>h2,.about-location h2){margin:0;max-width:850px}
body[data-page=about] :is(.about-story h2 em,.about-proof-heading h2 em,.about-principles>h2 em,.about-location h2 em){color:var(--cf-emphasis)}
body[data-page=about] .about-reading{max-width:62ch}
body[data-page=about] .about-reading p{font-size:clamp(17px,1.1vw,20px);margin:0 0 22px}
body[data-page=about] .about-reading .about-lead{font-size:clamp(24px,2vw,34px);line-height:1.45;letter-spacing:-.025em;color:var(--cf-ink);margin-bottom:30px}
body[data-page=about] .about-continuity{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:30px;margin-top:55px;border-block:1px solid var(--cf-line);padding-block:25px;color:var(--cf-ink);font-size:clamp(16px,1.5vw,24px)}
body[data-page=about] .about-continuity i{font-style:normal;color:var(--cf-light);font-size:30px}
body[data-page=about] .about-partnerships{background:var(--cf-night);scroll-margin-top:calc(var(--shell-height,96px) + 20px)}
body[data-page=about] .about-proof-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:end;margin-bottom:65px}
body[data-page=about] .about-proof-heading>p{margin:0;max-width:38ch;font-size:clamp(18px,1.2vw,22px);justify-self:end}
body[data-page=about] .about-partnership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}
body[data-page=about] .about-partnership{min-width:0}
body[data-page=about] .about-relationship-copy{border-top:1px solid var(--cf-line);padding-top:23px;margin:28px 5% 0}
body[data-page=about] .about-relationship-copy>.micro{color:var(--cf-light);text-transform:uppercase;letter-spacing:0}
body[data-page=about] .about-relationship-copy>p{font-size:16px;margin:12px 0 0;line-height:1.7}
body[data-page=about] .about-partnerships .cf-project-caption .project-card-title{font-size:clamp(30px,2.8vw,46px)}
body[data-page=about] .about-partnerships .cf-project-caption p{font-size:10px}
body[data-page=about] .about-principles{background:var(--cf-surface-deep)}
body[data-page=about] .about-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:55px}
body[data-page=about] .about-principle-grid>.cf-depth-anchor{height:100%;min-width:0}
body[data-page=about] .about-principle-grid .principle-row{height:100%}
body[data-page=about] .principle-row{display:flex;flex-direction:column;gap:24px;position:relative;isolation:isolate;min-width:0;border:1px solid var(--cf-line);padding:clamp(25px,2.6vw,46px);background:linear-gradient(145deg,#172231,#0d141f);min-height:320px}
body[data-page=about] .principle-row:before{content:'';position:absolute;left:-1px;top:-1px;width:65px;height:2px;background:var(--cf-light);transform:scaleX(var(--seam-progress,1));transform-origin:left}
body[data-page=about] .principle-row:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--optic-x,50%) var(--optic-y,50%),#019edb18,transparent 70%);opacity:var(--optic-hover,0)}
body[data-page=about] .principle-row h3{margin:0}
body[data-page=about] .principle-copy p{font-size:17px;margin:0;max-width:45ch}
body[data-page=about] .principle-row>a{font-size:13px;margin-top:auto;align-self:start;gap:18px}
body[data-page=about] .about-location{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;background:var(--cf-night)}
body[data-page=about] .about-location-art{position:relative;isolation:isolate;overflow:clip;min-width:0;border:1px solid var(--cf-line);background:radial-gradient(ellipse at 60% 48%,#0d2538,#0a121e 75%);aspect-ratio:4/3}
body[data-page=about] .about-location-art:after{content:'';position:absolute;top:-1px;right:-1px;width:20%;height:2px;background:var(--cf-light)}
body[data-page=about] .location-terrain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body[data-page=about] .terrain-grid{stroke:#5894b5;stroke-opacity:.45;stroke-width:.7;stroke-linejoin:round}
body[data-page=about] .terrain-layer-far .terrain-grid{stroke-opacity:.3;stroke-width:.65}
body[data-page=about] .terrain-layer-near .terrain-grid{stroke:#45b3db;stroke-opacity:.52;stroke-width:.8}
body[data-page=about] .terrain-contour{stroke:#60ddff;stroke-width:1.25;stroke-opacity:.75;stroke-linejoin:round}
body[data-page=about] .terrain-contour-halo{stroke:#019edb;stroke-width:5;stroke-opacity:.3;filter:url(#george-glow)}
body[data-page=about] .location-terrain-scene{transform:translateY(calc(var(--terrain-depth,0)*8px))}
body[data-page=about] .terrain-distance{transform:translateY(calc(var(--terrain-depth,0)*-10px))}
body[data-page=about] .terrain-george-marker{opacity:.95}
body[data-page=about] .location-art-caption{position:absolute;left:7%;right:7%;bottom:7%;display:flex;align-items:end;justify-content:space-between;gap:20px;color:var(--cf-ink)}
body[data-page=about] .location-art-caption>span{font:500 clamp(45px,5vw,86px)/1.1 var(--cf-display)}
body[data-page=about] .location-art-caption>small{font:400 10px/1.7 var(--cf-mono);color:var(--cf-label);max-width:18ch}
body[data-page=about] .about-location-copy>.micro{display:block;margin-bottom:24px}
body[data-page=about] .about-location-copy>p{font-size:18px;margin:30px 0 24px;max-width:45ch}
body[data-page=about] .about-location-copy address{font-style:normal;font-size:14px;line-height:1.8;color:var(--cf-label);margin:0 0 28px}
body[data-page=about] .about-next-step{display:block;background:radial-gradient(ellipse at 85% 65%,#019edb12,transparent 65%),var(--cf-surface-raised)}
body[data-page=about] .about-next-step>.micro{display:block;margin-bottom:35px}
body[data-page=about] .about-next-step h2{max-width:1300px;margin:0}
body[data-page=about] .about-next-step h2 em{color:var(--cf-light)}
body[data-page=about] .closing-bottom{display:flex;align-items:center;justify-content:space-between;gap:8%;margin-top:45px}
body[data-page=about] .closing-bottom>p{font-size:19px;max-width:46ch;margin:0}
body[data-page=about] .round-link{color:var(--cf-ink);min-height:44px;flex:none;gap:35px;font-size:16px;text-decoration:none}
body[data-page=about] .circle-arrow{background:var(--cf-night);border:1px solid #527b91;color:var(--cf-light);width:76px;height:76px;font-size:34px}
@media(max-width:1100px){body[data-page=about] .about-hero{gap:30px 2%}body[data-page=about] .about-partnership-grid{gap:3%}body[data-page=about] .principle-row{padding:24px}body[data-page=about] .about-principle-grid{gap:14px}}
@media(max-width:950px){
 body[data-page=about] .about-hero{padding-top:calc(var(--shell-height,96px) + 45px);min-height:0;grid-template-columns:1fr 1fr;gap:45px 3%}
 body[data-page=about] .about-hero-heading>.micro{font-size:9px;margin-bottom:28px}
 body[data-page=about] .about-signature{align-self:center}
 body[data-page=about] .about-hero-bottom .micro{font-size:9px}
 body[data-page=about] .about-story-grid,body[data-page=about] .about-proof-heading{gap:6%;grid-template-columns:1fr 1fr}
 body[data-page=about] .about-proof-heading{align-items:start}
 body[data-page=about] .about-section-top{margin-bottom:32px}
 body[data-page=about] .about-principle-grid{grid-template-columns:1fr}
 body[data-page=about] .principle-row{display:grid;grid-template-columns:1fr 1.3fr;min-height:0;gap:20px 8%;padding:30px}
 body[data-page=about] .principle-row>.micro{grid-column:1/-1}
 body[data-page=about] .principle-row>a{grid-column:2}
 body[data-page=about] .about-partnership-grid{grid-template-columns:1fr 1fr;gap:45px 5%}
 body[data-page=about] .about-partnership:last-child{grid-column:1/-1;width:70%;justify-self:center}
 body[data-page=about] .about-location{gap:6%}
 body[data-page=about] .location-art-caption{display:block}
 body[data-page=about] .location-art-caption>small{display:block;margin-top:10px;max-width:none}
}
@media(max-width:700px){
 body[data-page=about] .about-hero{grid-template-columns:1fr;gap:35px;padding-top:calc(var(--shell-height,96px) + 32px)}
 body[data-page=about] .about-hero h1{max-width:100%}
 body[data-page=about] .about-hero h1 em br{display:none}
 body[data-page=about] .about-hero-heading>.micro{margin-bottom:24px}
 body[data-page=about] .about-introduction{font-size:17px;max-width:45ch}
 body[data-page=about] .about-signature{width:min(100%,500px);justify-self:center;margin-top:10px}
 body[data-page=about] .about-signature figcaption{font-size:12px}
 body[data-page=about] .about-hero-bottom{flex-wrap:wrap;gap:13px 30px;margin:5px 0 0}
 body[data-page=about] .about-hero-bottom>span:nth-child(2){display:none}
 body[data-page=about] .about-story-grid,body[data-page=about] .about-proof-heading{grid-template-columns:1fr;gap:30px}
 body[data-page=about] .about-reading p{font-size:17px}
 body[data-page=about] .about-continuity{display:flex;flex-wrap:wrap;gap:17px;font-size:16px;margin-top:28px}
 body[data-page=about] .about-continuity span{flex-basis:80%}
 body[data-page=about] .about-continuity i{font-size:22px}
 body[data-page=about] .about-proof-heading{margin-bottom:40px}
 body[data-page=about] .about-proof-heading>p{justify-self:start;font-size:17px}
 body[data-page=about] .about-partnership-grid{grid-template-columns:1fr;gap:48px}
 body[data-page=about] .about-partnership:last-child{width:100%;grid-column:auto}
 body[data-page=about] .about-section-top>.micro:last-child{display:none}
 body[data-page=about] .about-partnerships .about-section-top{align-items:start;flex-wrap:wrap;gap:12px}
 body[data-page=about] .about-section-top>a{font-size:13px;gap:20px}
 body[data-page=about] .about-relationship-copy{padding-top:20px;margin-top:22px}
 body[data-page=about] .about-principle-grid{margin-top:35px}
 body[data-page=about] .principle-row{display:flex;gap:20px;padding:26px}
 body[data-page=about] .principle-row>a{margin-top:5px}
 body[data-page=about] .principle-copy p{font-size:16px}
 body[data-page=about] .about-location{grid-template-columns:1fr;gap:35px}
 body[data-page=about] .about-location-art{order:2}
 body[data-page=about] .location-art-caption{display:flex}
 body[data-page=about] .location-art-caption>span{font-size:55px}
 body[data-page=about] .location-art-caption>small{max-width:17ch;font-size:8px}
 body[data-page=about] .about-location-copy>p{font-size:17px}
 body[data-page=about] .closing-bottom{display:block;margin-top:30px}
 body[data-page=about] .closing-bottom>p{font-size:17px}
 body[data-page=about] .round-link{display:flex;justify-content:space-between;margin-top:28px;width:100%;font-size:14px}
 body[data-page=about] .circle-arrow{width:60px;height:60px;font-size:28px}
}
@media(max-height:700px) and (min-width:951px){body[data-page=about] .about-hero{padding-top:calc(var(--shell-height,96px) + 35px);min-height:0}body[data-page=about] .about-signature{width:100%;max-width:600px;justify-self:center}}
html:is([data-cinematic-mode=quiet],[data-cinematic-mode=off],[data-motion=off]) body[data-page=about] :is(.about-hero-heading,.about-signature-scene){translate:none;opacity:1;transform:none}
html:is([data-cinematic-mode=quiet],[data-cinematic-mode=off],[data-motion=off]) body[data-page=about] .signature-stack{transform:rotateZ(-5deg)}
html[data-motion=off] body[data-page=about] .signature-pane-back{transform:translate(-23%,-17%)}
html[data-motion=off] body[data-page=about] .signature-pane-middle{transform:translate(-11.5%,-8.5%)}
@media(prefers-reduced-motion:reduce){body[data-page=about] :is(.about-hero-heading,.about-signature-scene){translate:none!important;opacity:1!important;transform:none!important}body[data-page=about] .signature-stack{transform:rotateZ(-5deg)!important}body[data-page=about] .signature-light{stroke-dashoffset:0;filter:none}}
@media(forced-colors:active){body[data-page=about] :is(.signature-pane,.principle-row,.about-location-art){border:1px solid CanvasText;box-shadow:none}body[data-page=about] .signature-pane-front>strong{color:CanvasText;text-shadow:none}body[data-page=about] .signature-light{filter:none;stroke:CanvasText}}
html:is([data-cinematic-mode=quiet],[data-cinematic-mode=off],[data-motion=off]) body[data-page=about] :is(.location-terrain-scene,.terrain-distance){transform:none}
@media(prefers-reduced-motion:reduce){body[data-page=about] :is(.location-terrain-scene,.terrain-distance){transform:none!important}body[data-page=about] .terrain-contour-halo{display:none}}
@media(forced-colors:active){body[data-page=about] :is(.terrain-facets,.terrain-distance,.terrain-atmosphere,.terrain-contour-halo,.terrain-george-marker){display:none}body[data-page=about] :is(.terrain-grid,.terrain-contour){stroke:CanvasText;stroke-opacity:1}}
/* The former About story used pale backing behind each paragraph. */
body[data-page=about] .about-story :is(h2,p,.section-label){background:transparent;box-shadow:none}
body[data-page=about] .about-story>div:last-of-type{max-width:none}