/*
Theme Name: LecaStudio Premium
Author: LecaStudio
Description: Tema clásico a medida: vidrio premium, temas claro/oscuro y portafolio de LecaStudio
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lecastudio-premium
*/
@font-face{font-family:Outfit;src:url('assets/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--bg:#0a0a0a;--ink:#f2efe8;--muted:#bbb6ae;--accent:#ff3b1f;--red-ink:#ff583f;--line:#f2efe824;--panel:rgba(26,24,23,.63);--control:rgba(33,30,29,.5);--shadow:rgba(0,0,0,.36);--glint:rgba(255,255,255,.84);--wash:#0a0a0ad9;--ease:cubic-bezier(.16,1,.3,1);--radius:16px;color-scheme:dark}
:root[data-theme=light]{--bg:#f2efe8;--ink:#161412;--muted:#59534c;--red-ink:#c82a13;--line:#30241a24;--panel:rgba(250,247,240,.62);--control:rgba(253,250,243,.56);--shadow:rgba(73,51,35,.14);--glint:rgba(255,255,255,.96);--wash:#f2efe8e6;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.85 Poppins,sans-serif;transition:background-color .55s,color .45s;overflow-x:clip}body:has(dialog[open]){overflow:hidden}body.page-leaving main{opacity:0;transform:translateY(-7px);transition:opacity .18s,transform .18s}main{isolation:isolate}::selection{background:#ff3b1f;color:#fff}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#8f756b;border-radius:8px}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:500;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(46px,5.5vw,88px)}h2{font-size:clamp(38px,4.2vw,64px)}h3{font-size:26px;letter-spacing:-.02em}em{font-style:normal;color:var(--red-ink);font-weight:900}strong,.weight-bold{font-weight:700}.weight-medium{font-weight:500}.weight-black{font-weight:900}p{color:var(--muted);max-width:68ch}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--bg);padding:12px}.skip:focus{top:15px}
/* A single edge, light and tactile response system for every glass surface. */
.glass,.glass-control{--px:50%;--py:50%;position:relative;isolation:isolate;border:0;color:var(--ink);background:radial-gradient(ellipse at var(--px) var(--py),#ffffff0b,transparent 65%),linear-gradient(120deg,#ffffff0b,transparent 48%,#ff3b1f0c),var(--panel);backdrop-filter:blur(22px) saturate(1.1);-webkit-backdrop-filter:blur(22px) saturate(1.1);border-radius:var(--radius);box-shadow:0 18px 48px var(--shadow),inset 0 1px 1px #ffffff0b;transition:background .35s,box-shadow .45s,border-radius .4s}
.glass:before,.glass-control:before{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,transparent 1%,var(--glint) 12%,#ffffff16 34%,#ffffff05 58%,#ff3b1f70 84%,#ff3b1fe6 94%,transparent 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;z-index:3}
.glass-control{--radius:12px;background-color:var(--control);box-shadow:0 8px 20px var(--shadow)}
.glass-control:hover,.glass-control:focus-visible{background-color:color-mix(in srgb,var(--control),#ff3b1f 13%);box-shadow:0 12px 28px var(--shadow),inset 0 1px 1px #ffffff16}
.glass-control:active,.glass-control.pressed{background-color:#d53219;color:#fff;box-shadow:inset 0 3px 13px #4c0d0666,0 4px 12px #0002;transition:background .1s}
.button{min-height:56px;padding:16px 23px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font:500 16px/1.4 Outfit,sans-serif;transition:transform .4s var(--ease),background .3s,box-shadow .4s}.button span{position:relative;z-index:1}.button svg{width:20px;transition:transform .4s var(--ease)}.button:hover svg{transform:translateX(4px)}.primary{background-color:#b92a17c9;background-image:radial-gradient(ellipse at 5% 0%,#ffba9c35,transparent 60%),linear-gradient(130deg,#fc402638,#ffffff05);color:#fff;box-shadow:0 10px 25px #9d1d1122}.primary:hover{background-color:#cf321b}.secondary{background-color:var(--control)}.text-link{display:inline-flex;align-items:center;gap:25px;font:500 16px Outfit;margin-top:25px;padding:8px 0;border-bottom:1px solid var(--line)}.text-link:hover{border-bottom-color:var(--accent)}.text-link svg{width:19px;transition:transform .35s var(--ease)}.text-link:hover svg{transform:translateX(5px)}.icon-button{width:44px;height:44px;min-width:44px;display:grid;place-items:center;--radius:12px;padding:0}.icon-button svg{width:20px;height:20px}
.site-header{position:fixed;z-index:50;top:22px;left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 112px));height:86px;display:flex;align-items:center;padding:0 22px;gap:22px;transition:width .8s var(--ease),height .8s var(--ease),top .8s var(--ease),background .4s;--panel:rgba(30,26,24,.7)}html[data-theme=light] .site-header{--panel:rgba(249,245,235,.72)}.brand{height:51px;width:150px;display:block;position:relative;flex-shrink:0;transition:width .75s var(--ease)}.brand-full{position:absolute;inset:0;overflow:hidden;transition:opacity .35s,transform .65s var(--ease)}.brand-full img{position:absolute;width:168px;height:168px;max-width:none;left:-12px;top:-63px;object-fit:contain}.brand-light{display:none}html[data-theme=light] .brand-light{display:block}html[data-theme=light] .brand-dark{display:none}.brand-monogram{position:absolute;inset:2px auto 2px 0;width:47px;overflow:hidden;border-radius:11px;opacity:0;transform:scale(.75) rotate(-12deg);transition:opacity .45s .12s,transform .75s var(--ease)}.brand-monogram img{width:100%;height:100%;object-fit:cover;display:block}.desktop-nav{display:flex;gap:30px;margin-left:auto;align-items:center;max-width:550px;overflow:hidden;white-space:nowrap;transition:opacity .3s,max-width .6s var(--ease),gap .6s var(--ease)}.desktop-nav a{font:500 15px Outfit;padding:8px 0;position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:0;height:2px;left:0;width:0;background:var(--accent);transition:width .3s}.desktop-nav a:hover:after,.desktop-nav [aria-current]:after{width:100%}.nav-actions{display:flex;gap:9px;margin-left:12px}.theme-toggle .moon{display:none}html[data-theme=light] .theme-toggle .sun{display:none}html[data-theme=light] .theme-toggle .moon{display:block}.menu-toggle span{height:1.5px;background:currentColor;width:21px;position:absolute;left:11px;transition:transform .4s,width .4s}.menu-toggle span:first-child{transform:translateY(-4px)}.menu-toggle span:last-child{transform:translateY(4px);width:15px;left:auto;right:12px}.menu-toggle:hover span:last-child{width:21px}.site-header.compact{width:252px;height:70px;top:16px;padding-inline:15px;gap:0}.site-header.compact .brand{width:51px}.site-header.compact .brand-full{opacity:0;transform:translateY(-12px) scale(.8);pointer-events:none}.site-header.compact .brand-monogram{opacity:1;transform:scale(1) rotate(0)}.site-header.compact .desktop-nav{opacity:0;max-width:0;gap:0;visibility:hidden;pointer-events:none}.site-header.compact .nav-actions{margin-left:auto}
.menu-panel{border:0;background-color:var(--bg);padding:38px 60px;width:min(850px,calc(100vw - 30px));max-height:calc(100dvh - 32px);color:var(--ink);opacity:0;transform:translateY(-20px) scale(.98);transition:opacity .4s,transform .6s var(--ease),display .4s allow-discrete,overlay .4s allow-discrete}.menu-panel[open]{opacity:1;transform:translateY(0) scale(1)}@starting-style{.menu-panel[open]{opacity:0;transform:translateY(-20px) scale(.98)}}.menu-panel::backdrop{background:#0a0a0aaa;backdrop-filter:blur(16px)}.menu-top{display:flex;align-items:center;justify-content:space-between;font:500 20px Outfit}.menu-panel nav{display:flex;flex-direction:column;margin-block:30px 40px}.menu-panel nav a{font:500 clamp(42px,6vw,70px)/1.2 Outfit;letter-spacing:-.035em;padding-block:5px;transition:color .25s,transform .5s var(--ease)}.menu-panel nav [aria-current],.menu-panel nav a:hover{color:var(--red-ink)}.menu-panel nav a:hover{transform:translateX(12px)}.menu-panel[open] nav a{animation:menuIn .7s var(--ease) both}.menu-panel[open] nav a:nth-child(2){animation-delay:.07s}.menu-panel[open] nav a:nth-child(3){animation-delay:.14s}.menu-panel[open] nav a:nth-child(4){animation-delay:.21s}.menu-bottom{padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:30px}.menu-bottom p{font-size:12px}.menu-bottom a{display:flex;gap:12px;align-items:center;font:500 15px Outfit}
.image-pair{position:relative;overflow:hidden}.theme-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .6s}.light-image{position:absolute;inset:0;opacity:0}.dark-image{opacity:1}html[data-theme=light] .light-image{opacity:1}html[data-theme=light] .dark-image{opacity:0}.scene-section{position:relative;isolation:isolate}.section-backdrop,.contact-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%}.section-backdrop:after,.contact-background:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--bg),transparent 30%,transparent 70%,var(--bg))}.ambient{position:absolute;pointer-events:none;z-index:-1;width:min(1050px,90vw);height:700px;background:radial-gradient(ellipse,#ff3b1f1f 0%,#ff3b1f0c 30%,transparent 68%);filter:blur(30px)}.ambient-material{right:0;top:-80px;transform:none}.ambient-contact{left:50%;top:50%;transform:translate(-50%,-45%)}
.hero{height:max(800px,100svh);max-height:1100px;display:flex;align-items:center;overflow:hidden}.hero-background,.hero-video{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.hero-background img{object-position:center}.hero-video{object-fit:cover;z-index:-2;opacity:0;transition:opacity .7s}.hero-video.ready{opacity:1}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--wash) 0%,color-mix(in srgb,var(--bg),transparent 58%) 35%,transparent 72%)}.hero-content{padding-top:90px;padding-bottom:100px}.hero h1{max-width:780px;font-size:clamp(50px,5.5vw,88px);line-height:1.01}.hero-intro{margin-top:28px;font-size:15px;line-height:1.85;color:var(--ink)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:25px}.hero-bottom p{font-size:10px;max-width:340px}.scroll-link{display:flex;align-items:center;gap:17px;font:400 12px Outfit}.video-toggle{font-size:11px;padding:10px 15px;min-height:44px;--radius:10px}.hero-bottom .video-toggle{margin-left:auto}.center-heading{text-align:center}.center-heading h1,.center-heading h2{margin-inline:auto;max-width:970px}.center-heading p{max-width:650px;margin:28px auto 0}.center-heading .button{margin-top:32px}.intro-section{padding-block:105px 110px}.intro-section h2{font-size:clamp(38px,4.3vw,65px)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px}.principle{padding:23px 25px;display:grid;grid-template-columns:1fr 20px;--radius:14px}.principle>span{font:700 23px Outfit}.principle p{font-size:11px;grid-column:1;margin-top:6px}.principle svg{grid-column:2;grid-row:1/3;align-self:center;width:18px;color:var(--red-ink)}
.projects-section{padding-block:40px 110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:80px}.section-heading>div:last-child{max-width:360px;padding-bottom:4px}.section-heading p{font-size:13px}.project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px 38px;margin-top:65px;align-items:start}.project-card:nth-child(2){margin-top:130px}.project-card:nth-child(3){grid-column:1/3;width:82%;justify-self:center}.project-visual{display:flex;align-items:center;justify-content:center;min-height:390px;padding:50px 34px 65px;overflow:hidden;text-decoration:none;background:radial-gradient(ellipse at 90% 90%,color-mix(in srgb,var(--project-color),transparent 65%),transparent 60%),var(--panel)}.project-background{position:absolute;inset:0;z-index:-1;opacity:.45}.project-background:after{content:'';position:absolute;inset:0;background:linear-gradient(140deg,transparent,color-mix(in srgb,var(--project-color),transparent 55%));mix-blend-mode:screen}html[data-theme=light] .project-background{opacity:.65}.screen-window{position:relative;width:100%;border-radius:9px;background:#0e1115;overflow:hidden;box-shadow:0 20px 40px #0006;transform:rotate(-2deg);transition:transform .8s var(--ease)}.project-ndz .screen-window{transform:rotate(2deg)}.screen-toolbar{height:23px;background:#17191b;display:flex;gap:4px;align-items:center;padding:0 9px;color:#d6d6d5}.screen-toolbar>span{width:4px;height:4px;border-radius:50%;background:#6e7378}.screen-toolbar>span:first-child{background:var(--project-color)}.screen-toolbar small{font:400 8px Poppins;margin-left:auto;opacity:.7}.screen-viewport{aspect-ratio:1.6;overflow:hidden;background:#fff}.screen-viewport img{width:100%;height:auto;display:block;transition:transform 3.5s var(--ease)}.project-open{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:13px;padding:10px 15px;font:500 12px Outfit;--radius:10px}.project-open svg{width:16px}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.project-caption h3{font-weight:700;font-size:26px}.project-caption p{font-size:11px;margin-top:6px}.project-card:nth-child(3) .project-visual{min-height:430px;padding:45px 90px 65px}.project-card:nth-child(3) .screen-window{max-width:650px;transform:rotate(-1deg)}.project-card:nth-child(3) .screen-viewport{aspect-ratio:2.2}
.device-section{min-height:760px;display:flex;align-items:center;margin-bottom:35px;overflow:hidden}.device-backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.device-backdrop img{object-position:center}.device-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 10%,color-mix(in srgb,var(--bg),transparent 84%) 45%,var(--wash) 100%),linear-gradient(180deg,var(--bg),transparent 15%,transparent 85%,var(--bg));z-index:-1}.device-layout{display:flex;justify-content:flex-end}.device-copy{width:43%;padding:60px 0}.device-copy h2{font-size:clamp(42px,4.8vw,73px)}.device-copy p{font-size:13px;max-width:430px;margin-top:27px}.material-section{padding-block:90px 110px}.material-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.material-copy p{font-size:13px;max-width:430px;margin-top:27px}.material-demo{position:relative;padding:28px 15px}.float-shell{animation:float 8s ease-in-out infinite;transform-origin:center}.demo-panel{padding:0;overflow:hidden;transform:perspective(1200px) rotateY(-8deg) rotateZ(3deg);min-height:440px}.demo-background{position:absolute;inset:0;z-index:-1;opacity:.52}.demo-body{padding:35px 40px;position:relative;background:linear-gradient(120deg,transparent,color-mix(in srgb,var(--bg),transparent 45%))}.demo-icon{display:grid;place-items:center;width:52px;height:52px;--radius:14px;margin-bottom:25px}.demo-icon svg{width:30px;height:30px;color:var(--red-ink)}.demo-body h3{font-size:39px;line-height:1.02}.demo-body h3>span{font-weight:500}.demo-body p{font-size:12px;margin-top:24px;line-height:1.9}.demo-cta{margin-top:27px;padding:14px 18px;display:flex;justify-content:space-between;gap:15px;align-items:center;font:500 13px Outfit;--radius:12px}.demo-cta svg{width:18px}.material-note{font-size:10px;display:block;text-align:right;margin-top:30px;color:var(--muted)}
.process-section{padding-block:80px 105px}.process-heading{text-align:right;max-width:760px;margin-left:auto}.process-heading p{margin-left:auto;margin-top:25px;font-size:13px}.process{list-style:none;padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.process li{padding:33px 28px;min-height:235px}.process li:nth-child(2){margin-top:35px}.process li:nth-child(3){margin-top:70px}.step{font:400 14px Outfit;color:var(--red-ink)}.process h3{margin-top:24px;font-weight:700;font-size:27px}.process p{font-size:12px;margin-top:15px}.faq-section{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding-block:70px 110px}.faq-section>div:first-child p{margin-top:25px;font-size:12px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:25px 38px 25px 0;position:relative;font:500 22px/1.4 Outfit}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:3px;top:23px;font-size:25px;color:var(--red-ink)}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:12px;padding:0 25px 24px 0}.contact-band{padding:130px 0 150px;margin-bottom:70px}.contact-band .section-backdrop{opacity:.82}.contact-band h2{font-size:clamp(40px,5vw,74px)}.contact-band p{font-size:13px}.footer{padding-bottom:32px}.footer-word{display:block;font:500 clamp(45px,7.3vw,108px)/1.1 Outfit;letter-spacing:-.04em;padding-bottom:48px}.footer-word strong{font-weight:900}.footer-word em{color:var(--accent)}.footer-line{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.footer-line a{display:flex;gap:9px;align-items:center}.footer-line svg{width:16px}
.about-hero{padding-top:185px;padding-bottom:100px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.about-copy h1{font-size:clamp(45px,4.5vw,70px)}.about-copy p{font-size:13px;margin-top:25px;max-width:500px}.about-copy .button{margin-top:30px}.founder-photo{margin:0;position:relative}.founder-photo>.image-pair{aspect-ratio:4/5;border-radius:16px}.founder-photo img{object-position:center 40%}.founder-photo figcaption{position:absolute;bottom:22px;left:22px;right:22px;padding:15px 20px;font:500 15px Outfit;color:#f2efe8;--panel:#121212b3}.founder-photo figcaption span{display:block;font:400 10px Poppins;color:#d0c8bd;margin-top:7px}.about-statement{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;padding-block:60px 120px;align-items:end}.about-statement p{font-size:13px}.studio-values{padding-block:100px 125px}.studio-values .section-backdrop{opacity:.55}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:850px;margin:50px auto 0}.values-grid article{padding:35px}.values-grid h3{font-weight:700;font-size:30px}.values-grid p{font-size:12px;margin-top:18px}.portfolio-intro{padding-top:185px;padding-bottom:100px}.portfolio-intro h1{font-size:clamp(45px,5.2vw,80px)}.portfolio-intro p{font-size:14px}.project-index{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:35px}.project-index a{padding:11px 19px;font:500 13px Outfit;--radius:11px}.portfolio-case{display:grid;grid-template-columns:1.3fr 1fr;gap:75px;align-items:center;padding-block:45px 115px}.portfolio-case.case-1{grid-template-columns:1fr 1.3fr}.portfolio-case.case-1 .case-copy{grid-column:1;grid-row:1}.portfolio-case.case-1 .case-image{grid-column:2}.case-stage{padding:42px 30px;overflow:hidden}.case-stage .screen-window{transform:none}.case-scroll{max-height:470px;overflow:auto;overscroll-behavior:contain}.case-scroll img{width:100%;height:auto;display:block}.case-scroll::-webkit-scrollbar{width:5px}.case-scroll::-webkit-scrollbar-thumb{background:var(--project-color)}.capture-note{font-size:10px;margin-top:14px}.case-copy h2{font-size:50px;font-weight:700}.project-category{font-size:11px;color:var(--project-color);margin-bottom:15px}.case-copy>p:not(.project-category){font-size:13px;margin-top:24px}.case-copy .button{margin-top:25px}.case-copy .text-link{display:flex;width:max-content;font-size:12px}.link-pending{font-size:11px!important}.contact-hero{padding-top:195px;padding-bottom:130px;min-height:100svh}.contact-background{opacity:.55}.contact-background:after{background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg),transparent 40%))}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.contact-copy h1{font-size:clamp(55px,6vw,88px)}.contact-copy>p{font-size:13px;margin-top:30px}.contact-links{margin-top:35px}.contact-links a{display:grid;grid-template-columns:1fr 24px;gap:5px;padding:22px 0;border-bottom:1px solid var(--line)}.contact-links span{font-size:10px;color:var(--muted);grid-column:1}.contact-links strong{font:500 clamp(17px,1.7vw,24px) Outfit;grid-column:1;overflow-wrap:anywhere}.contact-links svg{grid-column:2;grid-row:1/3;align-self:center;color:var(--red-ink)}.contact-person{font:700 22px Outfit}.contact-person span{display:block;font:400 11px Poppins;color:var(--muted);margin-top:8px}.contact-form-panel{padding:38px}.contact-form-panel h2{font-size:36px}.contact-form-panel h2 span{font-weight:500}.contact-form-panel>p{font-size:11px;margin-top:12px}form{margin-top:25px}label{display:block;font:500 14px Outfit;margin:20px 0 9px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;background:color-mix(in srgb,var(--bg),transparent 30%);color:var(--ink);font-size:12px;caret-color:var(--accent);transition:background .25s,border-color .25s}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--control)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical;min-height:90px}form .button{width:100%;margin-top:25px}.form-note{font-size:10px;line-height:1.8;margin-top:14px}#form-status{font-size:12px;margin-top:10px}
.entrance{animation:enter 1s var(--ease) both}.delay-1{animation-delay:.18s}.delay-2{animation-delay:.34s}body.js-motion .reveal{transition:opacity .95s var(--ease),transform .95s var(--ease);opacity:1;transform:translateY(0)}body.js-motion .reveal.waiting{opacity:0;transform:translateY(35px)}.noscript-note{padding:24px;font-size:12px}.tilt{will-change:auto;transition:transform .7s var(--ease),box-shadow .5s}.tilt.tracking{will-change:transform;transition:transform .14s linear}.tilt.tracking:before{background:linear-gradient(130deg,#fff9,#ffffff18 40%,#ff3b1fbb 95%)}
@media(hover:hover) and (pointer:fine){.project-visual:hover .screen-window{transform:rotate(0) translateY(-5px)}.project-visual:hover .screen-viewport img{transform:translateY(-12%)}.project-visual:hover .project-open{background-color:color-mix(in srgb,var(--project-color),var(--panel) 65%)}.button:hover{transform:translateY(-3px)}}
@keyframes enter{from{opacity:0;transform:translateY(25px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes menuIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header{width:calc(100% - 64px)}.desktop-nav{gap:22px}.hero h1{font-size:clamp(52px,6.3vw,74px)}.section-heading{gap:50px}.material-layout{gap:55px}.project-visual{padding:40px 25px 60px;min-height:320px}.project-card:nth-child(3) .project-visual{padding-inline:60px;min-height:360px}.about-hero,.about-statement,.contact-layout{gap:50px}.portfolio-case{gap:45px}.case-copy h2{font-size:42px}.faq-section{gap:60px}.process{gap:18px}.process li{padding:28px 22px}.process h3{font-size:24px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.site-header{width:calc(100% - 36px);padding-inline:16px;height:74px;gap:0;top:16px}.desktop-nav{display:none}.brand{height:50px}.nav-actions{margin-left:auto}.hero{height:900px;min-height:100svh;max-height:none;align-items:start}.hero-content{padding-top:165px;padding-bottom:0}.hero h1{font-size:clamp(43px,7.5vw,65px);max-width:660px}.hero-background,.hero-video{height:70%;top:auto;bottom:0}.hero-background img,.hero-video{object-position:72% center}.hero-shade{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 32%,color-mix(in srgb,var(--bg),transparent 20%) 44%,transparent 72%)}.hero-intro{font-size:13px;margin-top:25px}.hero-actions{margin-top:26px}.hero-actions .button{font-size:14px;gap:17px;min-height:50px;padding:13px 18px}.hero-bottom{bottom:24px;flex-wrap:wrap;gap:12px}.hero-bottom p{max-width:230px;font-size:9px}.hero-bottom .scroll-link{margin-left:auto;font-size:11px;gap:10px}.hero-bottom .video-toggle{font-size:9px;padding:6px 10px;min-height:36px}.intro-section{padding-block:80px}.principles{gap:12px;margin-top:35px}.principle{padding:20px 16px;grid-template-columns:1fr}.principle>span{font-size:23px}.principle p{font-size:10px}.principle svg{display:none}.section-heading{display:block}.section-heading>div:last-child{margin-top:25px}.section-heading p{font-size:12px}.project-grid{gap:40px 25px;margin-top:40px}.project-card:nth-child(2){margin-top:85px}.project-visual{min-height:270px;padding:35px 20px 65px}.project-card:nth-child(3){width:90%}.project-card:nth-child(3) .project-visual{min-height:330px;padding:35px 45px 65px}.project-caption h3{font-size:23px}.project-caption p{font-size:10px}.project-caption .icon-button{width:40px;height:40px;min-width:40px}.device-section{min-height:670px}.device-copy{width:46%}.device-copy h2{font-size:48px}.device-copy p{font-size:12px}.material-layout{gap:35px}.material-copy h2{font-size:42px}.demo-body{padding:28px}.demo-body h3{font-size:32px}.demo-panel{min-height:410px}.material-demo{padding:10px 0}.demo-cta{font-size:11px;padding:13px}.process li{padding:25px 18px}.process h3{font-size:23px}.process p{font-size:11px}.faq-section{grid-template-columns:1fr 1.2fr;gap:35px}.faq-list summary{font-size:20px}.about-hero{gap:35px}.about-copy h1{font-size:44px}.about-copy p{font-size:12px}.about-statement{gap:35px}.contact-layout{gap:35px}.contact-form-panel{padding:28px}.portfolio-case,.portfolio-case.case-1{grid-template-columns:1fr;gap:30px;padding-bottom:80px}.portfolio-case.case-1 .case-copy,.portfolio-case.case-1 .case-image{grid-column:auto;grid-row:auto}.case-copy h2{font-size:44px}.case-copy>p:not(.project-category){max-width:590px}.case-stage{padding:35px}.case-scroll{max-height:420px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}h2{font-size:40px}.site-header{padding-inline:13px;height:72px}.site-header.compact{width:226px;height:66px;top:12px}.nav-actions{gap:7px}.brand{width:138px}.brand-full img{width:160px;height:160px;left:-12px;top:-60px}.hero{height:855px;min-height:100svh}.hero-content{padding-top:150px}.hero h1{font-size:clamp(41px,8.8vw,54px)}.hero-intro{font-size:12px}.hero-actions{gap:10px}.hero-actions .button{font-size:13px;padding:13px 15px;gap:12px}.hero-background,.hero-video{height:64%}.hero-shade{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 34%,color-mix(in srgb,var(--bg),transparent 20%) 46%,transparent 75%)}.hero-bottom p{max-width:180px}.hero-bottom .video-toggle{position:absolute;bottom:44px;right:0}.desktop-break{display:none}.intro-section{padding-block:70px}.intro-section h2{font-size:38px}.center-heading p{font-size:12px;margin-top:24px}.principles{grid-template-columns:1fr;gap:12px}.principle{grid-template-columns:1fr 20px;padding:19px 22px}.principle svg{display:block}.principle>span{font-size:24px}.principle p{font-size:11px}.projects-section{padding-block:20px 65px}.project-grid{grid-template-columns:1fr;gap:38px}.project-card:nth-child(2){margin-top:0}.project-card:nth-child(3){width:100%;grid-column:auto}.project-visual,.project-card:nth-child(3) .project-visual{min-height:310px;padding:40px 24px 70px}.project-card:nth-child(3) .screen-viewport{aspect-ratio:1.6}.project-caption{margin-top:18px}.project-caption h3{font-size:26px}.project-caption p{font-size:10px}.project-open{bottom:17px;right:17px}.device-section{min-height:860px;align-items:start;margin-bottom:0}.device-backdrop{top:auto;bottom:0;height:65%}.device-backdrop img{object-position:24% center}.device-shade{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 30%,color-mix(in srgb,var(--bg),transparent 20%) 43%,transparent 76%,var(--bg) 100%)}.device-layout{display:block}.device-copy{width:100%;padding-top:65px;text-align:right}.device-copy h2{font-size:47px}.device-copy p{font-size:12px;max-width:310px;margin-left:auto;margin-top:22px}.device-copy .text-link{font-size:14px;margin-top:18px}.material-section{padding-block:40px 65px}.material-layout{grid-template-columns:1fr;gap:38px}.material-copy h2{font-size:42px}.material-copy p{font-size:12px}.material-demo{padding:15px 15px 0}.demo-panel{min-height:430px}.demo-body{padding:32px}.demo-body h3{font-size:37px}.demo-body p{font-size:12px}.demo-cta{font-size:12px}.material-note{margin-top:23px;font-size:9px}.ambient-material{width:100%;height:950px;top:250px;right:0;transform:none;filter:blur(20px)}.process-section{padding-block:40px 70px}.process-heading h2{font-size:43px}.process-heading p{font-size:12px}.process{grid-template-columns:1fr;gap:17px;margin-top:35px}.process li,.process li:nth-child(2),.process li:nth-child(3){margin-top:0;min-height:0;padding:25px;display:grid;grid-template-columns:28px 1fr;gap:12px}.process h3{margin:0;font-size:27px}.process p{grid-column:2;margin:0;font-size:12px}.step{padding-top:2px}.faq-section{grid-template-columns:1fr;gap:25px;padding-block:35px 65px}.faq-section>div:first-child p{margin-top:20px}.faq-list summary{font-size:21px;padding-block:22px}.faq-list p{font-size:12px}.contact-band{padding:85px 0 100px;margin-bottom:35px}.contact-band h2{font-size:39px}.contact-band .section-backdrop{opacity:.65}.contact-band .button{font-size:14px}.footer-word{font-size:clamp(39px,9.6vw,57px);padding-bottom:30px}.footer-line{gap:20px 24px;font-size:10px}.footer-line>span{width:100%}.menu-panel{padding:24px}.menu-top{font-size:18px}.menu-panel nav{margin-block:32px}.menu-panel nav a{font-size:49px;line-height:1.25}.menu-bottom{display:block}.menu-bottom a{margin-top:22px;font-size:14px}.about-hero{grid-template-columns:1fr;padding-top:145px;padding-bottom:50px;gap:40px}.about-copy h1{font-size:47px}.about-copy p{font-size:13px}.about-copy .button{margin-top:25px}.founder-photo>.image-pair{aspect-ratio:4/5}.founder-photo figcaption{bottom:18px;left:18px;right:18px;font-size:13px}.about-statement{grid-template-columns:1fr;gap:25px;padding-block:30px 65px}.about-statement h2{font-size:39px}.about-statement p{font-size:12px}.studio-values{padding-block:70px}.studio-values h2{font-size:39px}.values-grid{grid-template-columns:1fr;gap:20px;margin-top:35px}.values-grid article{padding:29px}.portfolio-intro{padding-top:150px;padding-bottom:50px}.portfolio-intro h1{font-size:42px}.portfolio-intro p{font-size:12px}.project-index{gap:9px;margin-top:25px}.project-index a{padding:11px 13px;font-size:11px}.portfolio-case{padding-block:25px 70px}.case-stage{padding:24px 17px}.case-scroll{max-height:350px}.capture-note{font-size:9px}.case-copy h2{font-size:42px}.case-copy>p:not(.project-category){font-size:12px;margin-top:20px}.case-copy .button{margin-top:22px}.contact-hero{padding-top:150px;padding-bottom:80px}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-copy h1{font-size:64px}.contact-copy>p{font-size:12px}.contact-links strong{font-size:20px}.contact-background{opacity:.4}.contact-form-panel{padding:28px 24px}.contact-form-panel h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-video{display:none!important}.reveal.waiting{opacity:1!important;transform:none!important}.tilt{transform:none!important}}

/* WordPress: admin bar and fallback content. */
body.admin-bar .site-header{top:54px}body.admin-bar .site-header.compact{top:48px}
.wp-content-page{padding-top:180px;padding-bottom:100px;min-height:70vh}.wp-content-page h1{margin-bottom:35px}.entry-content{margin-top:30px}.entry-content img{max-width:100%;height:auto}.wp-content-page article+article{margin-top:65px}
@media(max-width:782px){body.admin-bar .site-header{top:62px}body.admin-bar .site-header.compact{top:58px}}
@media(max-width:600px){.wp-content-page{padding-top:150px;padding-bottom:65px}}