/* Client stories: one editorial card with an expandable, scrollbar-free picker. */
.review-editorial{max-width:1100px;gap:0;border:1px solid #ffffff24;background:#140e12a6;border-radius:8px;overflow:hidden}.review-quote{max-width:none;padding:40px 55px 35px;min-height:400px;background:linear-gradient(135deg,#ffffff04,transparent)}.review-card-label{display:flex;justify-content:space-between;gap:20px;margin-bottom:50px;font-size:8px;letter-spacing:.14em;color:#999}.review-card-label>span:first-child{color:#ef6b65}.review-quote .oversize-quote{top:40px;left:25px;font-size:170px;opacity:.12}.review-quote p{font-size:clamp(25px,2.8vw,40px);min-height:0;line-height:1.5}.review-quote cite{border-left:2px solid #e10600;padding-left:16px}.quote-controls{justify-content:flex-end;margin-top:28px}.review-picker{border-top:1px solid #ffffff24;background:#ffffff03}.review-picker>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 35px;font-size:13px;color:#aaa;cursor:pointer}.review-picker>summary b{font-size:24px;font-weight:400;color:#e10600;transition:transform .3s}.review-picker[open]>summary b{transform:rotate(45deg)}.review-selector{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible!important;max-height:none;max-width:100%;padding:0 25px 25px;scroll-snap-type:none;scrollbar-width:none}.review-selector::-webkit-scrollbar{display:none}.review-selector button{min-width:0;max-width:none;width:100%;padding:16px!important;gap:10px;justify-content:flex-start}.review-selector button>span{white-space:normal;text-align:left;font-size:12px}.review-selector button b{margin-left:auto}.review-selector button small{flex:none}.swipe-hint{padding-top:5px;margin-bottom:0}.review-quote{touch-action:pan-y}
/* Principles: an interactive graphic paired with an editorial accordion. */
.why-section{display:block;background:#0b0d0f}.why-header{max-width:1000px;margin-bottom:70px}.why-header .lead{font-size:20px;color:#aaa}.principle-experience{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.principle-display.why-photo{position:relative!important;top:auto;margin:0;height:530px;border-radius:8px!important;border:1px solid #ffffff24;background:radial-gradient(circle at 50% 45%,#3a0c12,#0f0d10 65%);overflow:hidden;box-shadow:none}.principle-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.principle-orbit{position:absolute;inset:12%;border:1px solid #e1060060;border-radius:50%;animation:principle-turn 32s linear infinite;transition:scale .7s}.principle-orbit i{position:absolute;border:1px solid #e1060040;inset:12%;border-radius:50%}.principle-orbit i:nth-child(2){inset:25%;border-style:dashed}.principle-orbit i:nth-child(3){inset:-12%;border-color:#ffffff0b}.principle-orbit b{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:#ff433a;box-shadow:0 0 25px #e10600}.principle-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.principle-center>span:first-child{font-size:11px;letter-spacing:.15em;color:#e87974;margin-bottom:30px}.principle-center strong{font-weight:500;font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.05em}.principle-caption{font-size:7px;letter-spacing:.17em;margin-top:30px;color:#777}.principle-bottom{position:absolute;left:25px;right:25px;bottom:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#777}.principle-bottom>span:last-child{font-size:24px;color:#e10600}.why-points{border-top:1px solid #333}.why-points article.principle-item{display:block;padding:0;border:0;border-bottom:1px solid #333;background:transparent;transition:background .3s}.principle-button{width:100%;display:flex;align-items:center;gap:20px;padding:28px 5px;border:0;background:none;color:#888;cursor:pointer;text-align:left}.principle-button>span{font-size:10px;color:#666}.principle-button h3{font-size:23px;font-weight:500;letter-spacing:-.03em;margin:0;line-height:1.3}.principle-button>b{margin-left:auto;font-size:24px;font-weight:400;transition:transform .3s}.principle-item.is-active .principle-button{color:#fff}.principle-item.is-active .principle-button>span,.principle-item.is-active .principle-button>b{color:#e10600}.principle-item.is-active .principle-button>b{transform:rotate(45deg)}.principle-description{padding:0 30px 30px 39px}.principle-description p{line-height:1.9;color:#aaa;font-size:15px}.principle-description[hidden]{display:none}.principle-item:hover{background:#ffffff03!important}
/* Original wordmark, spacious footer composition, existing grid canvas preserved. */
.footer{background:#0e080a}.footer-invitation{padding-bottom:45px;margin-bottom:45px}.footer-invitation>a{font-size:clamp(44px,6.8vw,100px)}.footer-brand-row{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:55px 0}.footer-brand{display:block;width:min(48%,480px);font-size:initial;line-height:0;letter-spacing:normal}.footer-brand img{width:100%;height:auto;max-height:100px;object-fit:contain;object-position:left}.footer-brand-row>p{font-size:15px;line-height:1.8;color:#999;margin:0}.footer-connect{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#ffffff06;border:1px solid #ffffff20;padding:27px 30px;border-radius:5px}.footer-connect>a{font-size:clamp(18px,2.3vw,32px);letter-spacing:-.035em;text-decoration:none;display:flex;gap:25px;align-items:center}.footer-connect>a>span{color:#e10600}.footer-connect>div{font-size:8px;letter-spacing:.12em;color:#bbb;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer-coordinate{font-size:7px;color:#666;display:block;flex-basis:100%;padding-left:17px}.live-dot{height:6px;width:6px;border-radius:50%;background:#e10600;box-shadow:0 0 12px #e1060066}.footer-columns{margin:65px 0 45px;padding-top:0}.footer-columns h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#ddd}.footer-columns a{color:#aaa;line-height:2.1}.footer-bottom{align-items:center;padding-top:25px}.footer-bottom>a{border:1px solid #ffffff30;border-radius:30px;padding:12px 18px;color:#ccc}.footer-bottom>a:hover{background:#e10600;color:white;border-color:#e10600}
@keyframes principle-turn{to{rotate:360deg}}
@media(max-width:850px){
 html{scrollbar-gutter:auto;max-width:100%;overflow-x:clip}body{width:100%;margin:0;overflow-x:clip}main{width:100%;max-width:100%}.wrap{width:100%;max-width:100%;padding:75px 20px}.motion-section{min-width:0}.nav{top:0;padding:0}.nav__bar{width:100%;max-width:none;border-radius:0;padding:12px 14px;border-width:0 0 1px;min-height:65px}.nav__logo img{height:18px}.nav .btn{height:36px;padding:0 13px;font-size:12px}.nav__actions{gap:6px}
 html[data-mode=full] .stage{height:100svh;min-height:620px;width:100%}html[data-mode=full] .stage__hero{padding:100px 20px 55px;gap:clamp(25px,5svh,42px);justify-content:center}html[data-mode=full] .hero-title{width:100%;max-width:650px;font-size:clamp(34px,7.7vw,55px)}html[data-mode=full] .logo-slot{height:clamp(145px,23svh,200px)}.stage__dark{padding-left:20px!important;padding-right:20px!important}.line{font-size:clamp(34px,7vw,54px)}.chapter-title{font-size:clamp(36px,8vw,55px)}.section-top{gap:25px;margin-bottom:35px}.about-editorial{gap:30px}.stats-grid{gap:20px}.studio{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);border-left:0;border-right:0;border-radius:0}.studio-tabs button{min-width:112px;padding:18px 12px}.studio-visual{min-height:340px}.studio-copy{padding:30px 20px}.studio-copy h3{font-size:34px}.studio-bottom{padding:18px 20px}.clients{padding:70px 0;max-width:100%}.client-heading{padding:0 20px 35px}.logo-marquees{width:100%;padding:20px 0}.project-stack{margin-left:-8px;margin-right:-8px}.showcase-card{padding:22px;top:78px!important;height:calc(100svh - 110px);min-height:410px}.showcase-card:nth-child(2){top:82px!important}.showcase-card:nth-child(3){top:86px!important}.showcase-card:nth-child(4){top:90px!important}.showcase-card:nth-child(5){top:94px!important}
 .review-editorial{margin-left:-8px;margin-right:-8px;border-radius:4px}.review-quote{padding:27px 22px;min-height:0}.review-card-label{font-size:7px;margin-bottom:35px}.review-card-label>span:last-child{display:none}.review-quote p{font-size:25px;min-height:0}.review-quote cite{font-size:12px;margin-top:25px}.review-quote .oversize-quote{font-size:150px;top:35px;left:10px}.quote-controls{justify-content:space-between}.review-picker>summary{padding:20px;font-size:12px}.review-selector{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 15px 20px;gap:8px}.review-selector button{padding:12px 9px!important;gap:8px}.review-selector button>span{font-size:11px}.review-selector button>b{display:none}
 .why-header{margin-bottom:35px}.why-header .lead{font-size:17px}.principle-experience{grid-template-columns:1fr;gap:25px}.principle-display.why-photo{height:340px;margin:0 -8px;width:calc(100% + 16px)}.principle-center strong{font-size:42px}.principle-button{padding:24px 0;gap:15px}.principle-button h3{font-size:20px}.principle-description{padding:0 20px 24px 29px}.principle-description p{font-size:14px}.contact-section .chapter-title{font-size:clamp(48px,11vw,80px)}.contact-grid{gap:35px}.contact-section form{margin:0 -8px;padding:25px 20px}.form-heading b{font-size:20px}.contact-email{font-size:19px;max-width:100%;overflow-wrap:anywhere}.footer{padding:70px 20px 25px}.footer-invitation{padding-bottom:30px;margin-bottom:30px}.footer-invitation>a{font-size:clamp(38px,9vw,65px)}.footer-brand-row{flex-direction:column;align-items:flex-start;gap:25px;margin:35px 0}.footer-brand{width:min(100%,330px);max-width:100%}.footer-brand-row>p{font-size:13px}.footer-connect{flex-direction:column;align-items:flex-start;padding:22px 18px;gap:25px}.footer-connect>a{font-size:clamp(16px,5vw,24px);gap:12px;overflow-wrap:anywhere;max-width:100%}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 18px;margin:45px 0}.footer-columns h3{font-size:10px}.footer-columns a,.footer-columns p{font-size:11px}.footer-bottom{flex-direction:row;align-items:center;gap:15px}.footer-bottom>span{font-size:9px;max-width:55%;line-height:1.7}.footer-bottom>a{font-size:10px;white-space:nowrap;padding:10px 12px}
}
@media(max-width:380px){.nav__logo img{height:15px}.nav .btn{padding:0 10px}.hero-title{font-size:33px!important}.review-quote p{font-size:23px}.footer-columns{gap:25px 12px}}
@media(max-width:850px) and (max-height:560px){html[data-mode=full] .stage{min-height:540px}.showcase-card{position:relative!important;top:auto!important;height:auto}}
@media(prefers-reduced-motion:reduce){.principle-orbit{animation:none}.showcase-card{position:relative!important;top:auto!important;height:auto}}