/* Separate implementation of the selected style frames. Approved hero stays on its original CSS. */
html{scroll-behavior:smooth;scroll-padding-top:30px}body.optico-site{background:#080808}.new-design{--ink:#f3f3ef;--lime:#c1f45a;--soft:#aaa;--hair:#ffffff25;--black:#090909;color:var(--ink)}.new-design .artboard{border:0;box-shadow:none;min-width:0;overflow:hidden}.new-design .essence,.new-design .work,.new-design .studio,.new-design .closing{background:#090909}.new-design .work{padding-bottom:6cqw}.new-design .studio{background:#101010}.new-design .section-code{color:#ababab}.new-design .section-code>span:first-child{color:var(--lime)}.new-design p{font-size:inherit;line-height:inherit}.new-design .founder{background:#111;color:#f3f3ef}.new-design .founder .section-code{color:#aaa}.new-design .founder .section-code>span:first-child{color:var(--lime)}.new-design .founder .founder-name h2{color:#f3f3ef}.new-design .founder .founder-name h2>span{color:#aaa}.new-design .founder-name>p{color:#c1c1bb}.new-design .bio p{color:#aaa;font-size:clamp(14px,1.1cqw,18px);line-height:1.85}.new-design .bio .bio-lead{color:#e5e5df;font-size:clamp(19px,1.65cqw,28px);line-height:1.55}.new-design .founder-link{color:#f3f3ef;border-color:#555}.new-design .founder-link>span{color:var(--lime)}.new-design .portrait{border:1px solid #ffffff18}.new-design .portrait img{filter:grayscale(1);aspect-ratio:auto;transition:clip-path 1.5s cubic-bezier(.2,.65,.3,1),transform 1.7s cubic-bezier(.2,.65,.3,1)}.new-design .portrait.waiting img{clip-path:inset(10% 0 8%);transform:scale(1.035)}.new-design .portrait.is-in img{clip-path:inset(0);transform:scale(1)}.new-design .contact{background:#121212;border-color:#ffffff23}.new-design .contact:before{display:none}.new-design .contact h2>span{color:#b8b8b0}.new-design .contact-details{border-color:#ffffff28}.new-design .manifesto-copy{border-color:#555}.new-design .manifesto-copy p{color:#b3b3ad;font-size:clamp(13px,1cqw,17px);line-height:1.8}.new-design .work-heading h2>span,.new-design .client-title>span{color:#a6a6a0}.new-design .expertise-support{color:#aaa;font-size:clamp(14px,1.2cqw,20px);line-height:1.7}.new-design .service h3>span{color:#90908a}.new-design .service .description{color:#aaa;font-size:clamp(13px,1cqw,16px);line-height:1.7}.new-design .service .tagline{color:#ddd;font-size:clamp(14px,1.03cqw,17px);line-height:1.5}.new-design .service-num{color:#999}.new-design .service-plus{display:none}.new-design .client-glass{background:linear-gradient(155deg,#ffffff19,transparent 40%,#ffffff04 62%,#ffffff0e);color:#e2e2dc;border-color:#aaa6;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #ffffff45,0 4px 0 #080808,0 5px 0 #ffffff25,0 18px 30px #0009;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .5s cubic-bezier(.2,.6,.2,1),border-color .5s;overflow:hidden}.new-design .client-glass:after,.new-design .glass-link:after{content:'';position:absolute;pointer-events:none;inset:-60% -130%;background:linear-gradient(110deg,transparent 41%,#adc6ee06 45%,#ffffef3f 50%,#c9e9fd0c 54%,transparent 59%);transform:translateX(-42%);opacity:0}.new-design .client-glass:hover:after,.new-design .glass-link:hover:after,.new-design .glass-link:focus-visible:after{animation:glass-sweep 2.6s cubic-bezier(.2,.5,.3,1)}@keyframes glass-sweep{0%{transform:translateX(-42%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(42%);opacity:0}}.new-design .client-glass:hover{--lift:-6px;border-color:#ffffffa0}.new-design .glass-link{position:relative;overflow:hidden;border:1px solid #ffffff38;padding:20px 24px;border-radius:12px;background:linear-gradient(140deg,#ffffff0c,#ffffff02);box-shadow:inset 0 1px 1px #ffffff38;display:block}.new-design .email{font-size:clamp(15px,1.65cqw,28px)}.new-design .instagram>small{font-size:11px;color:#aaa}.new-design .instagram{font-size:14px}.new-design .contact-details{gap:24px}.new-design .contact-k{width:26cqw;height:27cqw;flex:0 0 26cqw;position:relative;margin:0 -1cqw 0 0;touch-action:pan-y}.contact-k canvas{width:100%;height:100%;display:block;position:absolute;inset:0;opacity:0;transition:opacity .6s}.contact-k .k-fallback{position:absolute;inset:15%;width:70%;height:70%;object-fit:contain;opacity:.25}.contact-k.ready canvas{opacity:1}.contact-k.ready .k-fallback{opacity:0}.new-design .contact-main{margin-top:2cqw}.new-design .site-footer{border:0;background:#090909;color:#aaa}.new-design .essence-copy p:first-child{font-size:clamp(18px,1.45cqw,25px);line-height:1.5}.new-design .essence-copy p:last-child{font-size:clamp(14px,1.05cqw,18px);line-height:1.8;color:#aaa}.new-design .work-bottom p{font-size:clamp(12px,.95cqw,15px);line-height:1.8;color:#aaa}.new-design .work-heading>p{font-size:clamp(13px,1cqw,17px);line-height:1.65}.new-design .founder-link{font-size:12px}.new-design .mini-index{color:#999}.new-design .section-code{font-size:clamp(10px,.73cqw,12px)}
/* Center-snapping gallery. Both ends have enough room to center the first/last card. */
.new-design .project-stage{--card-width:min(76cqw,1120px);width:calc(100% + 10cqw);margin-left:-5cqw;display:flex;align-items:center;gap:3cqw;padding:30px calc((100% + 10cqw - var(--card-width))/2) 45px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;perspective:none;position:relative;touch-action:pan-x pan-y;outline-offset:-7px}.new-design .project-stage::-webkit-scrollbar{display:none}.new-design .project-track{display:contents}.new-design .project-stage.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}.new-design .project-stage figure{flex:0 0 var(--card-width);min-width:0;margin:0;scroll-snap-align:center;scroll-snap-stop:always;transform:none;position:relative;transition:opacity .6s;opacity:.65}.new-design .project-stage figure.current{opacity:1}.new-design .project-surface,.new-design .identity-surface{height:auto;aspect-ratio:1.8;border-radius:16px;box-shadow:inset 0 1px 0 #fff5,0 20px 35px #0009,0 5px 0 #202020,0 6px 0 #555;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .65s cubic-bezier(.2,.6,.2,1);background:#050505}.new-design .project-surface>img,.new-design .identity-surface>img{height:100%;width:100%;position:absolute;inset:0;pointer-events:none;user-select:none;-webkit-user-drag:none}.new-design .identity-surface>img{object-fit:contain;padding:40px}.new-design .project-secondary figcaption{position:absolute;bottom:2.2cqw;left:2.2cqw;right:2.2cqw;z-index:2;padding:0;pointer-events:none}.new-design .project-secondary h3{font-size:2.4cqw;color:#f3f3ef;margin-top:.9cqw}.new-design .project-secondary figcaption>span{color:#d0d0c8}.new-design .work-bottom{margin-top:10px}.new-design .gallery-nav{gap:12px}.new-design .nav-circle{background:transparent;cursor:pointer;width:46px;height:46px;border-color:#777;font:400 23px Montserrat,Arial;color:var(--lime)}.new-design .nav-circle:hover{border-color:var(--lime)}.new-design .nav-circle:disabled{opacity:.3;cursor:default}.new-design .page-count{font-size:12px;white-space:nowrap}.new-design .page-count i{color:#aaa}.new-design .drag-hint{font-size:9px;letter-spacing:.12em;color:#aaa;margin-right:20px;white-space:nowrap}.new-design .drag-hint>span{font-size:17px;margin-left:10px}.new-design .project-number,.new-design .image-caption>span,.new-design .project-secondary figcaption>span{font-size:clamp(10px,.68cqw,12px)}.new-design .client-section{border-color:#333}.new-design .client-title{font-size:3.8cqw}.new-design .client-glass{font-size:clamp(18px,1.7cqw,28px)}
/* Words have their own clock after the section enters the viewport. */
.new-design .word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.14em;margin-bottom:-.14em;line-height:1.15}.new-design .word-body{display:inline-block;transform:translateY(0);transition:transform 1.25s cubic-bezier(.22,.65,.22,1);transition-delay:var(--delay,0ms)}.new-design .words-ready:not(.is-in) .word-body{transform:translateY(115%)}.new-design .words-ready{overflow:visible}.new-design .manifesto-words h2>span{display:block}.new-design .manifesto-words h2>span:nth-child(2){margin-left:6cqw}.new-design .manifesto-words h2>span:last-child{color:var(--lime)}.new-design .founder-name h2>span{margin-left:13cqw}
@media(min-width:1800px){.new-design .artboard{max-width:1800px;margin:auto}.new-design .closing{max-width:none}.new-design .contact,.new-design .manifesto{max-width:1700px;margin:auto}}
@media(max-width:800px){.new-design .artboard{min-width:0}.new-design .section-code{font-size:9px;gap:20px;line-height:1.6}.new-design .work-heading>p{font-size:12px}.new-design .work-heading h2{font-size:7.5cqw}.new-design .essence,.new-design .work,.new-design .studio,.new-design .founder{padding-top:55px;padding-bottom:55px}.new-design .essence h2{font-size:7cqw}.new-design .essence-title{margin:40px 0}.new-design .essence-copy{margin-left:15cqw;gap:25px}.new-design .essence-copy p:first-child{font-size:17px}.new-design .essence-copy p:last-child{font-size:13px}.new-design .optical-mark{opacity:.4}.new-design .expertise-grid{gap:30px}.new-design .service{padding:22px 0;grid-template-columns:20px 1fr;gap:10px}.new-design .service-num{font-size:9px}.new-design .service h3{font-size:23px}.new-design .service .description{max-width:none;font-size:12px}.new-design .service .tagline{font-size:13px;margin-top:9px}.new-design .expertise-support{max-width:none}.new-design .client-glass{height:100px}.new-design .client-rack{gap:20px 12px}.new-design .client-title{font-size:32px!important}.new-design .founder-name h2{font-size:10cqw}.new-design .founder-name>p{font-size:10px}.new-design .founder-grid{gap:32px;grid-template-columns:1fr 1fr;margin-top:35px}.new-design .portrait{height:53cqw}.new-design .bio-marker{font-size:38px;margin-bottom:20px}.new-design .bio .bio-lead{font-size:17px}.new-design .bio p{font-size:13px}.new-design .founder-link{padding:15px 0;margin-top:24px;font-size:10px}.new-design .contact-details{align-items:stretch}.new-design .glass-link{padding:17px}.new-design .manifesto-copy p{font-size:12px}.new-design .manifesto-words{gap:35px}.new-design .site-footer{font-size:9px}.new-design .site-footer>img{width:70px}.new-design .drag-hint{display:none}.new-design .project-secondary h3,.new-design .image-caption h3{font-size:24px}.new-design .image-caption,.new-design .project-secondary figcaption{left:22px;bottom:22px}.new-design .work-bottom{gap:24px}.new-design .project-stage{--card-width:82cqw}.new-design .contact-main{min-height:220px}.new-design .contact-k{width:30cqw;height:33cqw;flex-basis:30cqw}.new-design .contact h2{font-size:7.5cqw}}
@media(max-width:560px){.header nav{gap:17px}.new-design .essence-copy{grid-template-columns:1fr;margin-left:0;max-width:90%;gap:18px}.new-design .essence-title h2{font-size:8.3cqw}.new-design .essence h2 span{margin-left:4cqw}.new-design .optical-mark{display:none}.new-design .work-heading{align-items:start;flex-direction:column;gap:24px;margin:30px 0 15px}.new-design .work-heading h2{font-size:10cqw}.new-design .work-heading>p br{display:none}.new-design .work-bottom{align-items:start;flex-direction:column;gap:25px}.new-design .gallery-nav{align-self:end}.new-design .project-surface,.new-design .identity-surface{aspect-ratio:1.15}.new-design .project-stage{padding-top:15px;padding-bottom:25px;gap:5cqw}.new-design .image-caption h3,.new-design .project-secondary h3{font-size:20px}.new-design .project-number{top:18px;left:18px}.new-design .image-caption,.new-design .project-secondary figcaption{left:18px;bottom:20px}.new-design .identity-surface>img{padding:35px 30px 65px}.new-design .expertise-grid{grid-template-columns:1fr;margin-top:30px}.new-design .expertise-title h2{font-size:13cqw;line-height:1}.new-design .expertise-title h2 br{display:none}.new-design .expertise-title h2 span{display:block}.new-design .expertise-support{max-width:260px;margin-top:22px}.new-design .mini-index{font-size:9px;margin-top:22px;gap:18px}.new-design .service{padding:22px 0}.new-design .service .description{font-size:14px}.new-design .service .tagline{font-size:14px}.new-design .service h3{font-size:27px}.new-design .client-section{margin-top:35px;padding-top:30px}.new-design .client-title{font-size:33px!important;margin:30px 0}.new-design .client-rack{grid-template-columns:repeat(2,1fr);gap:16px 12px;margin-top:25px}.new-design .client-glass{height:93px;font-size:20px;border-radius:12px}.new-design .client-glass:nth-child(n+5){left:0}.new-design .client-glass:last-child{grid-column:span 2;width:calc(50% - 6px);justify-self:center}.new-design .founder-name{display:block;margin:32px 0}.new-design .founder-name h2{font-size:15cqw}.new-design .founder-name h2>span{margin-left:10cqw}.new-design .founder-name>p{margin-top:25px;line-height:1.7}.new-design .founder-name>p br{display:none}.new-design .founder-grid{grid-template-columns:1fr;gap:30px}.new-design .portrait{height:90cqw}.new-design .bio-marker{display:none}.new-design .bio .bio-lead{font-size:20px;line-height:1.6;margin-bottom:20px}.new-design .bio p{font-size:14px}.new-design .founder-link{font-size:11px}.new-design .founder-link>span{font-size:22px}.new-design .manifesto{padding-top:50px;padding-bottom:50px}.new-design .manifesto-words{grid-template-columns:1fr;margin-top:35px}.new-design .manifesto-words h2{font-size:14cqw}.new-design .manifesto-copy{padding-left:18px}.new-design .manifesto-copy p{font-size:14px}.new-design .manifesto-copy p+p{margin-top:20px}.new-design .contact{padding:32px 5cqw;margin:0 3cqw;border-radius:16px}.new-design .contact-main{flex-wrap:wrap;margin-top:25px}.new-design .contact h2{font-size:10.5cqw}.new-design .contact-k{height:64cqw;width:64cqw;flex-basis:64cqw;margin:0 auto -10px}.new-design .contact-details{flex-direction:column;gap:14px;padding-top:24px}.new-design .email{font-size:14px;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.035em}.new-design .email i{margin-left:6px}.new-design .instagram{font-size:14px}.new-design .instagram small{font-size:11px}.new-design .site-footer{flex-wrap:wrap;padding:30px 5cqw;gap:24px;font-size:8px}.new-design .site-footer>img{width:55px}}
.new-design .artboard h2 span.word-mask,.new-design .artboard h2 span.word-body{margin-left:0;color:inherit}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.new-design *, .new-design *:before,.new-design *:after{transition:none!important;animation:none!important}.new-design .words-ready:not(.is-in) .word-body{transform:none}.new-design .portrait.waiting img{clip-path:none;transform:none}.new-design .client-glass{transform:none}}