@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#030711;--ink:#eef3ff;--muted:#8c98b0;--blue:#7ca8ff;--line:rgba(147,175,228,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:7px}button{color:inherit}::selection{background:#294f9d}header{height:106px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;width:100%;z-index:10;background:linear-gradient(#030711db,#03071150)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:25px;font-weight:650;letter-spacing:-1px;line-height:1.05}.brand svg{width:38px;height:42px;fill:none;stroke:#a6c7ff;stroke-width:1.5}.studio{display:block;letter-spacing:5px;font-size:8px;margin:7px 0 0 2px;color:#9caeca}.brand svg circle{fill:var(--blue);stroke:none}nav{display:flex;gap:34px;font-size:13px;color:#b4bfd2}nav a:hover{color:white}.nav-cta{background:none;border:1px solid #35445f;border-radius:4px;padding:11px 18px;font-size:13px}.nav-cta span{margin-left:24px;color:var(--blue)}.hero{min-height:830px;height:100svh;max-height:1150px;position:relative;overflow:hidden;padding:144px 5% 0;background:radial-gradient(ellipse at 72% 50%,#07152c70,transparent 57%)}.hero-top{position:relative;z-index:2;display:flex;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;color:#a2b5d5;display:inline-block}.eyebrow i,.live-dot{display:inline-block;width:5px;height:5px;background:#83b5ff;border-radius:50%;box-shadow:0 0 12px #4c8bff;margin-right:10px;vertical-align:middle}.coordinates{font-size:9px;letter-spacing:1.5px;color:#65738c}.coordinates span{margin:0 14px}.hero-copy{position:relative;z-index:2;width:52%;padding-top:100px;pointer-events:none}.hero-copy a{pointer-events:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(65px,6.8vw,112px);font-weight:500;letter-spacing:-6px;line-height:1.04}em{font-style:normal;color:#8daee8}h1 em{background:linear-gradient(110deg,#e4ecff,#7296d6);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy p{margin:30px 0 35px;color:#a5b0c5;font-size:15px;line-height:1.8}.primary{display:inline-flex;align-items:center;gap:40px;padding:14px 21px;background:#dfe9ff;color:#101a2c;border:1px solid #e2ebff;border-radius:3px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:white;transform:translateY(-2px)}.primary span{font-size:19px;line-height:1}.universe{position:absolute;width:70%;height:90%;right:-4%;top:5%;z-index:1}canvas{display:block;width:100%;height:100%}.sphere-caption{position:absolute;bottom:18%;right:18%;display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1.5px;line-height:1.8;color:#6e89b6;pointer-events:none}.tiny-cross{font-size:24px;font-weight:300}.hero-bottom{position:absolute;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:3}.scroll-link{font-size:9px;letter-spacing:1.8px;color:#8390a8;display:flex;align-items:center;gap:14px}.scroll-link>span{border:1px solid #29364c;border-radius:50%;width:32px;height:32px;text-align:center;line-height:30px;font-size:15px}.motion-controls{display:flex;align-items:center;font-size:10px;color:#7789a8;gap:6px}.motion-controls .live-dot{width:4px;height:4px;margin-right:3px}.motion-controls button{margin-left:12px;border:1px solid #34415a;background:#071022;border-radius:50%;width:30px;height:30px;font-size:11px}.section{padding:115px 7%;border-top:1px solid var(--line)}h2{font-size:clamp(35px,4vw,61px);font-weight:500;letter-spacing:-2.5px;line-height:1.14}.section-intro h2,.section-bar h2,.studio-section h2{margin-top:25px}.section-intro>p{max-width:340px;color:var(--muted);font-size:14px;margin-top:25px}.services{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;background:linear-gradient(130deg,#050a16,#030711)}.service-list{padding-top:17px}details{border-bottom:1px solid var(--line);padding:24px 0}details:first-child{border-top:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:20px;cursor:pointer}summary::-webkit-details-marker{display:none}.service-num{font-size:10px;color:#647694}summary h3{font-size:18px;font-weight:500;letter-spacing:-.5px}.toggle{margin-left:auto;color:#7795c4;font-size:23px;line-height:1;transition:transform .2s}details[open] .toggle{transform:rotate(45deg)}.service-body{padding:19px 25px 0 35px}.service-body p{font-size:13px;color:var(--muted);max-width:410px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span{font-size:9px;color:#8facca;border:1px solid #1e2e48;border-radius:30px;padding:4px 9px}.section-bar{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.muted{color:var(--muted)}.small{font-size:9px;letter-spacing:2px}.project{display:block}.project-art{height:440px;background:radial-gradient(ellipse at 50% 90%,#5c2c31,transparent 60%),linear-gradient(135deg,#251219,#0f0910 70%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #4b3039}.project-kicker{position:absolute;top:40px;font-size:8px;letter-spacing:3px;color:#c7a68f}.rgh-wordmark{font-family:Georgia,serif;font-size:clamp(22px,3.6vw,52px);letter-spacing:5px;text-align:center;color:#e9d5af;position:relative}.rgh-wordmark span{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:3px;color:#b69584;margin-top:22px}.project-ring{position:absolute;width:600px;height:600px;border:1px solid #b7856620;border-radius:50%;transform:rotateX(60deg) rotate(-25deg)}.ring-two{width:850px;height:850px;transform:rotateX(55deg) rotate(35deg)}.project-view{position:absolute;bottom:32px;font-size:11px;color:#d6bba3;border-bottom:1px solid #775645;padding-bottom:7px}.project-art-note{position:absolute;left:20px;bottom:15px;font-size:7px;letter-spacing:1.4px;color:#99766c}.project:hover .project-art{border-color:#94715d}.project-info{display:flex;justify-content:space-between;gap:20px;padding:25px 0}.project-info h3{font-size:23px;font-weight:500;letter-spacing:-.5px}.project-info p{font-size:12px;color:var(--muted);margin-top:7px}.project-meta{display:flex;align-items:center;gap:25px;font-size:10px;color:#96a5bf}.arrow-circle{border:1px solid #2a3954;border-radius:50%;width:38px;height:38px;text-align:center;line-height:36px;font-size:18px}.case-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line);padding-top:25px;margin-top:10px}.case-notes p{font-size:12px;color:#8c98b0}.case-notes span{display:block;font-size:8px;letter-spacing:1.8px;color:#c2cde1;margin-bottom:9px}.studio-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:13%;background:radial-gradient(ellipse at 15% 50%,#091b38a0,transparent 50%)}.studio-section p{font-size:14px;color:var(--muted);margin-top:24px;max-width:520px}.studio-mark{text-align:center;color:#728fba}.studio-mark svg{width:250px;max-width:100%;fill:none;stroke:#577fae;stroke-width:.8}.studio-mark svg circle:nth-child(2){stroke-dasharray:2 8;stroke:#274165}.studio-mark svg path{stroke:#aac9f7;stroke-width:1.7}.studio-mark span{display:block;font-size:8px;letter-spacing:2.5px;line-height:2;margin-top:20px}.text-link{display:inline-flex;gap:60px;font-size:12px;color:#c9dafa;margin-top:27px;border-bottom:1px solid #385074;padding-bottom:7px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:55px}.process-grid article>span{font-size:9px;letter-spacing:1.6px;color:#718db7}.process-grid h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:18px 0 13px}.process-grid p{font-size:13px;color:var(--muted)}.contact{text-align:center;padding-top:115px;padding-bottom:115px;background:radial-gradient(ellipse at 50% 100%,#1029528c,transparent 65%)}.contact h2{margin:25px 0 32px;font-size:clamp(44px,5.5vw,78px)}.contact>p{font-size:12px;color:#8293b0;margin-top:22px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 5%;border-top:1px solid var(--line);color:#687893;font-size:9px}.footer-name{font-size:18px;letter-spacing:-.7px;color:#c4d3eb;line-height:1}.footer-name span{display:block;font-size:6px;letter-spacing:3px;margin-top:7px}footer>a:last-child{color:#acbdd9}.skip{position:absolute;top:-100px;left:20px;background:white;color:black;padding:12px;z-index:99}.skip:focus{top:10px}dialog{width:550px;max-width:calc(100vw - 30px);max-height:90svh;overflow:auto;background:#080f20;border:1px solid #2c4062;border-radius:8px;padding:42px;color:var(--ink)}dialog::backdrop{background:#01050ddc;backdrop-filter:blur(10px)}dialog h2{font-size:36px;margin:20px 0}dialog .close{position:absolute;right:17px;top:12px;background:none;border:0;font-size:28px;color:#99acca}.dialog-note{font-size:12px;color:#8e9ebb;margin-bottom:25px}label{font-size:11px;display:block;color:#b6c5de;margin-top:16px}input,select,textarea{display:block;width:100%;margin-top:6px;background:#030916;color:#e2eaff;border:1px solid #293a58;border-radius:3px;padding:11px;font-size:13px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:1px solid #799fe5}dialog .primary{margin-top:22px}#brief-status,#brief-download{font-size:12px;margin-top:14px;color:#a9c8ff}#brief-download:not([hidden]){display:block}body.modal-open{overflow:hidden}
#sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
#sphere{pointer-events:none}
.prism-edge{display:none}
.prism-ready main{isolation:isolate}
.prism-ready .hero-stage{position:relative;height:calc(clamp(830px,100svh,1150px) + 48svh);z-index:0}
.prism-ready .hero{position:sticky;top:0}
.prism-ready .hero-copy{opacity:var(--hero-opacity,1);transform:translateY(var(--hero-lift,0px))}
.prism-ready .universe{transform:translateY(var(--globe-lift,0px)) scale(var(--globe-scale,1));transform-origin:50% 45%;opacity:var(--globe-opacity,1)}
.prism-ready #services{--edge-a:118px;--edge-b:48px;--edge-scale:1;position:relative;z-index:2;margin-top:-48svh;min-height:640px;border-top:0;background:radial-gradient(ellipse at 52% 0%,#12284b 0,transparent 52%),linear-gradient(130deg,#080f20,#030711 75%);clip-path:polygon(0 var(--edge-a),52% 0,100% var(--edge-b),100% 100%,0 100%);box-shadow:0 -50px 110px #020610}
.prism-ready #services .prism-edge{display:block;position:absolute;top:0;left:0;width:100%;height:160px;transform:scaleY(var(--edge-scale));transform-origin:top;pointer-events:none;opacity:var(--edge-opacity,1)}
.prism-ready #services .section-intro,.prism-ready #services .service-list{position:relative}
@media(max-width:700px){.prism-ready .hero-stage{height:calc(940px + 38svh)}.prism-ready #services{margin-top:-38svh;padding-top:130px}.prism-ready #services .prism-edge{height:110px}}
@media(prefers-reduced-motion:reduce){.prism-ready .hero-stage{height:auto}.prism-ready .hero{position:relative}.prism-ready .hero-copy,.prism-ready .universe{transform:none;opacity:1}.prism-ready #services{margin-top:0;clip-path:none}.prism-ready #services .prism-edge{display:none}}
@media(min-width:1600px){header,.hero{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}.section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){h1{letter-spacing:-4px}.hero-copy{padding-top:130px}.universe{right:-15%;width:85%}.coordinates{display:none}nav{gap:20px}.services{gap:5%;grid-template-columns:1fr 1.1fr}summary h3{font-size:15px}.section{padding:85px 6%}.studio-section{gap:7%}.project-art{height:350px}.process-grid{gap:30px}}
@media(max-width:700px){header{height:83px;padding:0 6%}.brand{font-size:21px}.brand svg{width:29px}.studio{font-size:6px;letter-spacing:4px}nav{display:none}.nav-cta{padding:8px 12px;font-size:11px}.nav-cta span{margin-left:13px}.hero{height:940px;min-height:0;max-height:none;padding:112px 7% 0}.eyebrow{font-size:8px;letter-spacing:2px}.hero-copy{padding-top:40px;width:100%}h1{font-size:63px;letter-spacing:-3.7px}.hero-copy p{font-size:13px;margin:24px 0}.primary{padding:12px 17px;font-size:11px;gap:35px}.universe{top:290px;right:-19%;width:138%;height:490px}.sphere-caption{right:20%;bottom:7%;font-size:7px}.hero-bottom{left:7%;right:7%;bottom:25px}.motion-controls{font-size:0;gap:0}.motion-controls .live-dot{display:none}.motion-controls button{font-size:11px}.scroll-link{font-size:8px}.section{padding:65px 7%}h2{font-size:37px;letter-spacing:-1.8px}.services{display:block}.section-intro>p{max-width:100%}.service-list{margin-top:35px}.service-body{padding-left:32px}summary h3{font-size:17px}.section-bar{align-items:start;margin-bottom:28px}.section-bar .small{display:none}.project-art{height:280px}.rgh-wordmark{font-size:20px;letter-spacing:3px}.rgh-wordmark span{font-size:6px;letter-spacing:1.8px}.project-kicker{font-size:6px}.project-art-note{font-size:5px}.project-info{display:block}.project-info h3{font-size:21px}.project-info p{font-size:11px}.project-meta{justify-content:space-between;margin-top:17px}.case-notes{grid-template-columns:1fr;gap:20px}.case-notes p{font-size:12px}.studio-section{display:flex;flex-direction:column-reverse;gap:45px}.studio-section p{font-size:13px}.studio-mark svg{width:160px}.studio-mark span{font-size:7px}.process-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.process-grid article{border-bottom:1px solid var(--line);padding-bottom:25px}.process-grid h3{margin-top:11px}.contact h2{font-size:45px}footer{flex-wrap:wrap;padding:28px 7%;gap:24px}footer>*{flex-basis:43%}footer>span{font-size:8px}dialog{padding:30px 23px}dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Shared scroll-driven prism boundaries throughout the site. */
.prism-ready .prism-panel{--edge-a:118px;--edge-b:48px;--edge-scale:1;position:relative;margin-top:-80px;padding-top:145px;padding-bottom:165px;border-top:0;background-color:#030711;clip-path:polygon(0 var(--edge-a),52% 0,100% var(--edge-b),100% 100%,0 100%)}
.prism-ready .prism-panel .prism-edge{display:block;position:absolute;top:0;left:0;width:100%;height:160px;transform:scaleY(var(--edge-scale));transform-origin:top;pointer-events:none;opacity:var(--edge-opacity,1)}
.prism-ready #services{margin-top:-48svh}
@media(max-width:700px){.prism-ready .prism-panel{margin-top:-55px;padding-top:110px;padding-bottom:120px}.prism-ready .prism-panel .prism-edge{height:110px}.prism-ready #services{margin-top:-38svh}}
@media(prefers-reduced-motion:reduce){.prism-ready .prism-panel,.prism-ready #services{margin-top:0;clip-path:none}.prism-ready .prism-panel .prism-edge{display:none}}
/* Luminous bevel: a deeper glass facet and layered blue-white bloom. */
.prism-ready .prism-panel .prism-edge,.prism-ready #services .prism-edge{height:240px;overflow:visible}
.prism-ready .prism-panel{padding-top:170px}
@media(max-width:700px){.prism-ready .prism-panel,.prism-ready #services{padding-top:135px}.prism-ready .prism-panel .prism-edge,.prism-ready #services .prism-edge{height:240px}}
/* Native luminous cursor, without trailing decorations. */
@media(hover:hover) and (pointer:fine){
 html,html *,html *::before,html *::after,dialog::backdrop{cursor:url('cursor.svg') 16 16,crosshair!important}
}
/* One continuous night sky carries through the entire scrolling experience. */
#sky{position:fixed;inset:0;z-index:0;width:100%;height:100svh;pointer-events:none}
main,footer{position:relative;z-index:1}
.prism-ready .prism-panel{background-color:transparent}
.prism-ready #services{background:radial-gradient(ellipse at 52% 0%,#12284b80 0,transparent 52%)}
/* Align accordion text after removing the numbered labels. */
.service-body{padding-left:0}
/* Preserve the original description and CTA placement after headline removal. */
.hero-copy::before{content:"";display:block;height:calc(clamp(65px,6.8vw,112px) * 2.08)}
@media(max-width:700px){.hero-copy::before{height:131.04px}}
/* Translucent calls to action leave the night sky visible. */
.hero-copy>.primary,.contact>.primary{background:rgba(109,157,230,.12);color:#e7f1ff;border-color:rgba(183,211,255,.42)}
.hero-copy>.primary:hover,.contact>.primary:hover{background:rgba(109,157,230,.23);border-color:rgba(203,225,255,.72)}
/* The inquiry shares the live homepage sky, above the modal backdrop. */
#inquiry{width:100%;max-width:none;height:100svh;max-height:none;margin:0;padding:32px 15px;border:0;border-radius:0;background:transparent;overflow:auto}
#inquiry[open]{display:flex}
#inquiry::backdrop{background:#030711;backdrop-filter:none}
#inquiry #sky{z-index:0}
#brief-form{position:relative;z-index:1;width:min(550px,100%);flex-shrink:0;margin:auto;padding:42px;border:1px solid #82b4ff55;border-radius:8px;background:rgba(8,15,32,.68)}
#inquiry input,#inquiry select,#inquiry textarea{background:rgba(3,9,22,.75)}
@media(max-width:700px){#inquiry{padding:20px 15px}#brief-form{padding:30px 23px}}
#inquiry .primary{background:rgba(109,157,230,.12);color:#e7f1ff;border-color:rgba(183,211,255,.42)}
#inquiry .primary:hover{background:rgba(109,157,230,.23);border-color:rgba(203,225,255,.72)}
/* Approved crystalline identity: use the original artwork without redrawing it. */
header{position:fixed;top:0;left:0;height:106px;display:grid;grid-template-columns:1fr auto 1fr;background:linear-gradient(#030711ed,#030711aa);z-index:10}
header .brand{grid-column:2;grid-row:1;display:block;line-height:0;mix-blend-mode:screen}
header nav{grid-column:1;grid-row:1;justify-self:start}
header .nav-cta{grid-column:3;grid-row:1;justify-self:end}
.snowflake-crop{display:block;position:relative;overflow:hidden;width:86px;aspect-ratio:960/905}
.snowflake-crop img{position:absolute;width:130.625%;height:auto;max-width:none;left:-16.1458%;top:-4.9724%}
.wordmark-crop{display:block;position:relative;overflow:hidden;aspect-ratio:1000/220;mix-blend-mode:screen}
.wordmark-crop img{position:absolute;width:125.4%;height:auto;max-width:none;left:-12.5%;top:-431.8182%}
.hero-wordmark{position:absolute;top:100px;left:0;width:100%;height:calc(clamp(65px,6.8vw,112px) * 2.08);display:flex;align-items:center;line-height:1}
.hero-wordmark .wordmark-crop{width:min(530px,100%)}
.footer-name.wordmark-crop{width:170px;flex-basis:auto}
#inquiry{padding-top:135px}
#inquiry header{z-index:2}
@media(max-width:1000px) and (min-width:701px){.hero-wordmark{top:130px}}
@media(max-width:700px){header{height:88px;padding:0 6%}.snowflake-crop{width:68px}.hero-wordmark{top:40px;height:131.04px}.hero-wordmark .wordmark-crop{width:min(350px,100%)}.footer-name.wordmark-crop{width:145px;flex-basis:43%}#inquiry{padding-top:110px}}
/* Luminance masking removes the artwork's dark field without changing its geometry. */
.snowflake-crop img,.wordmark-crop img{mask-image:url('assets/clearbranch-approved.png');mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat;filter:brightness(1.3)}
.wordmark-crop{clip-path:polygon(0 0,49% 0,49% 8%,50.5% 8%,50.5% 0,100% 0,100% 100%,0 100%)}
/* An open weave of icy hairs replaces the former studio badge. */
.studio-mark.filament-weave{position:relative;width:100%;max-width:440px;aspect-ratio:1;justify-self:center;mix-blend-mode:screen}
.filament-motion{position:absolute;inset:-8%;animation:filament-drift 20s ease-in-out infinite alternate}
.filament-art{display:block;width:100%;height:auto;mask-image:url('assets/studio-filaments.png');mask-mode:luminance;mask-size:100% 100%;filter:brightness(1.35)}
.filament-glint{position:absolute;width:4px;height:4px;border-radius:50%;background:#f1fbff;box-shadow:0 0 8px 2px #a7d3ff,0 0 18px #71baff;opacity:0;animation:filament-glimmer 13s ease-in-out infinite;pointer-events:none}
.filament-glint::after{content:"";position:absolute;inset:-5px 1.6px;background:linear-gradient(transparent,#bce3ff,transparent)}
.glint-one{left:25%;top:25%;animation-delay:-2s}.glint-two{left:54%;top:48%;animation-delay:-7s}.glint-three{left:76%;top:68%;animation-delay:-10s}
@keyframes filament-drift{from{transform:translate3d(-3px,3px,0) rotate(-2deg) scale(.98)}to{transform:translate3d(3px,-4px,0) rotate(2deg) scale(1.02)}}
@keyframes filament-glimmer{0%,38%,48%,100%{opacity:0;transform:scale(.65)}43%{opacity:.85;transform:scale(1.1)}}
@media(max-width:700px){.studio-mark.filament-weave{width:min(100%,300px)}}
@media(prefers-reduced-motion:reduce){.filament-motion,.filament-glint{animation:none}.filament-glint{opacity:.35}}
.footer-socials{display:flex;align-items:center;gap:20px;color:#b9d2f5}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.social-icon svg{display:block;width:21px;height:21px}
@media(max-width:700px){footer .footer-socials{flex-basis:auto}}
.footer-legal{display:flex;gap:20px;align-items:center;font-size:11px;color:#aabbd6}
.footer-legal a:hover,.legal-back:hover{color:#fff}
.legal-content{max-width:900px;margin:0 auto;padding:165px 35px 100px;line-height:1.85}
.legal-back{display:inline-block;color:#a9c8f5;font-size:12px;margin-bottom:45px}
.legal-content>.eyebrow{display:block;margin-bottom:20px}
.legal-content h1{font-size:clamp(42px,5vw,66px);letter-spacing:-2.5px;line-height:1.1}
.legal-content .legal-date{font-size:12px;color:#91a7c7;margin:22px 0 40px}
.legal-content h2{font-size:23px;letter-spacing:-.5px;line-height:1.3;margin:38px 0 13px}
.legal-content>p{font-size:15px;color:#c3cee1;margin-bottom:18px}
.legal-other{border-top:1px solid var(--line);padding-top:30px;margin-top:45px}
@media(max-width:700px){.legal-content{padding:125px 7% 65px}.legal-content>p{font-size:14px}.legal-content h1{font-size:42px}.legal-content h2{font-size:21px}.footer-legal{flex-wrap:wrap;gap:12px 20px}footer>.footer-legal{flex-basis:100%}}
@media(min-width:701px){.universe{top:calc(5% + 40px)}}

/* Clearbranch mobile-only corrections: lift sphere and render arrows as text glyphs, not emoji. */
@media(max-width:700px){.nav-cta span,.primary span,.text-link span{font-family:Arial,Helvetica,sans-serif;font-variant-emoji:text;color:#7ca8ff;font-size:19px;line-height:1;font-weight:400}}


/* Mobile parity: preserve the approved desktop identity and controls. */
@media(max-width:700px){
  .snowflake-crop img{
    -webkit-mask-image:none;
    mask-image:none;
  }
  .nav-cta{
    padding:11px 18px;
    font-size:13px;
  }
  .nav-cta span{
    margin-left:24px;
  }
  .hero-copy>.primary,
  .contact>.primary{
    padding:14px 21px;
    gap:40px;
    font-size:12px;
  }
}


/* Mobile-only hero copy lift; sphere and desktop positioning stay unchanged. */
@media(max-width:700px){
  .hero-copy>p,
  .hero-copy>.primary{
    transform:translateY(-44px);
  }
  .hero-copy>.primary:hover{
    transform:translateY(-46px);
  }
}


/* Mobile-only compact controls and transparent snowflake crop. */
@media(max-width:700px){
  .snowflake-crop{
    aspect-ratio:1;
  }
  .snowflake-crop img{
    -webkit-mask-image:url('assets/clearbranch-approved.png');
    mask-image:url('assets/clearbranch-approved.png');
    -webkit-mask-mode:luminance;
    mask-mode:luminance;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
  }
  .nav-cta{
    padding:9px 13px;
    font-size:12px;
  }
  .nav-cta span{
    margin-left:14px;
  }
  .hero-copy>.primary{
    padding:12px 15px;
    gap:18px;
    font-size:12px;
  }
}


/* Mobile-only wordmark spacing and snowflake cleanup. */
@media(max-width:700px){
  .hero-wordmark{
    top:15px;
  }
  .snowflake-crop{
    clip-path:inset(0 0 4px 0);
  }
}


/* Mobile uses the desktop filament motion at a subtly quicker pace. */
@media(max-width:700px){
  .filament-motion{
    animation-duration:18s;
  }
}