@charset "UTF-8";
:root{--ink:#171817;--muted:#6b6e68;--paper:#ffffff;--light:#f4f4f1;--accent:#171817;--on-accent:#ffffff;--accent-hover:#2b2c2b;--accent-focus:#737373;--lime:var(--accent);--radius:28px;--button-radius:16px;--cta-width:224px;--cta-height:56px;--cta-font:15px;--cta-padding:20px;--font-heading:"Inter",Arial,sans-serif;--banner-tracking:-.015em;--font-body:"Inter",Arial,sans-serif;font-family:var(--font-body);font-weight:400;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px}
h1,h2,h3,.brand,.tile-title,.experience-number,.project-title{font-family:var(--font-heading);font-weight:600}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button{border:0}img{display:block;max-width:100%}svg{width:24px;height:24px;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-focus);outline-offset:5px}::selection{background:var(--accent);color:var(--on-accent)}[hidden]{display:none!important}.icon-library,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{color:var(--on-accent);position:fixed;top:12px;left:12px;z-index:100;background:var(--accent);padding:15px;transform:translateY(-160%);border-radius:12px}.skip:focus{transform:translateY(0)}
.site-shell{width:calc(100% - 56px);max-width:1440px;margin:0 auto;padding:0 32px;background:transparent;overflow:clip}.header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;height:100px;padding:0 12px}.brand{display:inline-flex;align-items:center;gap:5px;font-size:23px;letter-spacing:-1.2px;font-weight:600;line-height:1;white-space:nowrap}.brand-dot{width:6px;height:6px;background:var(--ink);border-radius:50%;align-self:flex-end;margin:0 0 3px}.desktop-nav{display:flex;align-items:center;gap:32px;margin:0 0 0 auto}.desktop-nav,.header-cta{font-size:18px;font-weight:400;line-height:1.35;letter-spacing:-.3px;color:#646464}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 0;background:transparent;white-space:nowrap;transition:color .2s}.desktop-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;transition:color .2s}.desktop-nav a:hover,.header-cta:hover{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--cta-width);max-width:100%;height:var(--cta-height);min-height:var(--cta-height);padding:0 var(--cta-padding);border:1px solid transparent;border-radius:999px;font-size:var(--cta-font);line-height:1.25;transition:background .2s,transform .2s;white-space:nowrap}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#353733}.button-lime{background:var(--accent);color:var(--on-accent)}.button-lime:hover{background:var(--accent-hover)}.button-ghost{background:#ffffff0b;color:#f8f8f5;border:1px solid #ffffff24}.button-ghost:hover{background:#ffffff18}.mobile-menu{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;background:#1b1d1b;color:var(--light);border-radius:var(--radius);padding:36px 48px}.hero-grain{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 50%,#3e4138 0,transparent 55%),linear-gradient(110deg,#191b19,#252724);pointer-events:none}.hero-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#dedfda;font-size:15px}.hero-specialty{font-size:12px;color:#c0c3b9}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:44px;padding-top:44px;pointer-events:none}.hero-message{position:relative;z-index:2}.hero h1{color:#fff;font-size:clamp(60px,6.9vw,98px);line-height:.97;letter-spacing:var(--banner-tracking);font-weight:600;margin:0 0 20px;max-width:70%}.hero h1 span{white-space:nowrap;color:inherit}.hero-message>p{font-size:17px;line-height:1.5;letter-spacing:-.3px;color:#adb2a5;margin:0;white-space:nowrap}.hero-actions{display:flex;gap:10px;pointer-events:auto;width:fit-content}.hero-art{position:absolute;right:-14px;top:36px;width:51%;max-width:610px;height:calc(100% - 72px);z-index:1;pointer-events:none;transform:translate(var(--art-x,0),var(--art-y,0));transition:transform .6s cubic-bezier(.18,.75,.3,1);will-change:transform}.hero-art-layered{width:43%;right:7%;top:20px;height:calc(100% - 48px)}.layered-object{width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 18px 24px #0003)}.art-glow{position:absolute;inset:14%;background:var(--accent);opacity:.035;filter:blur(55px);border-radius:50%}.chrome-object{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 28px #0005);animation:levitate 8s ease-in-out infinite}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-13px) rotate(1deg)}}
.eyebrow{display:block;font-size:10px;letter-spacing:1.2px;line-height:1.4;font-weight:500}.intro-bento{display:grid;grid-template-columns:1fr 1.65fr;gap:16px;margin-top:16px}.start-tile,.experience-tile{border-radius:var(--radius);--tile-x:34px;--tile-y:30px;min-height:272px;padding:var(--tile-y) var(--tile-x);position:relative;overflow:hidden;text-align:left;transition:transform .3s,background .3s}.start-tile{display:flex;flex-direction:column;align-items:flex-start;background:var(--accent);color:var(--on-accent)}.tile-title{display:block;font-size:42px;line-height:1.02;letter-spacing:-1.8px;font-weight:600;margin:0 0 23px}.tile-caption{font-size:12px;margin-top:auto}.tile-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #17181740;border-radius:50%;transition:transform .3s,background .3s,color .3s,border-color .3s}.intro-bento .tile-arrow{position:absolute;right:var(--tile-x);bottom:var(--tile-y);width:44px;height:44px}.intro-bento .tile-arrow svg{width:24px;height:24px}.intro-bento .tile-caption,.intro-bento .experience-caption{display:flex;align-items:center;flex-shrink:0;height:44px;padding-right:56px}.experience-copy{flex:1}.start-tile .tile-arrow{border-color:#ffffff66}.start-tile:hover .tile-arrow,.start-tile:focus-visible .tile-arrow{background:#fff;color:var(--ink);border-color:#fff}.start-tile:hover,.start-tile:focus-visible{background:var(--accent-hover)}.experience-tile{background:#f2f4f7;display:flex;justify-content:space-between;gap:25px}.experience-copy{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;min-width:0}.experience-tile:hover,.experience-tile:focus-visible{background:#e8ebf0}.experience-tile:hover .tile-arrow,.experience-tile:focus-visible .tile-arrow{background:var(--ink);color:#fff;border-color:var(--ink)}.experience-number{position:relative;top:-8.03px;display:block;font-size:135px;line-height:.9;letter-spacing:-9px;margin:0 0 10px}.experience-number>span{font-size:65px;vertical-align:top;line-height:1.2;margin-left:3px}.experience-caption{font-size:13px;letter-spacing:-.2px}.experience-detail{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:20px}.experience-detail>.asterisk{width:64px;height:64px;transform:rotate(10deg)}.experience-tile:hover .asterisk{transform:rotate(55deg);transition:transform .5s}
.section{padding:100px 12px 86px}.work-heading{margin:0 0 40px}.work-heading h2{white-space:nowrap}h2{font-size:clamp(42px,5.5vw,76px);font-weight:600;letter-spacing:-.065em;line-height:1.02;margin:0}h2>span{color:#8c9086}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:64px}.project-card{display:block;min-width:0;text-align:left;background:none;padding:0;border-radius:24px}.project-media{display:block;position:relative;overflow:hidden;background:#242524;border-radius:24px;aspect-ratio:1560/808;isolation:isolate;transition:box-shadow .3s,transform .3s}.project-media>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s}.project-index{position:absolute;top:16px;left:16px;padding:7px 10px;background:#171817a8;backdrop-filter:blur(10px);color:#f3f5ed;border-radius:8px;font-size:9px;letter-spacing:.7px}.project-open{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;color:var(--on-accent);background:var(--accent);opacity:0;transform:translate(-8px,8px) scale(.8);transition:opacity .25s,transform .3s}.project-open svg{width:23px;height:23px}.project-info{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;padding:18px 2px 0}.project-info>span:first-child{min-width:0}.project-client{display:block;font-size:9px;letter-spacing:.8px;color:var(--muted);margin-bottom:7px}.project-title{display:block;font-size:26px;line-height:1.1;letter-spacing:-1px;font-weight:600}.project-card:hover .project-media,.project-card:focus-visible .project-media{transform:translateY(-5px);box-shadow:0 16px 30px #17181725}.project-card:hover .project-media>img,.project-card:focus-visible .project-media>img{transform:scale(1.045);filter:brightness(1.07)}.project-card:hover .project-open,.project-card:focus-visible .project-open{opacity:1;transform:translate(0,0) scale(1)}
.about-section{--about-title-size:clamp(42px,4.5vw,64px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:48px;row-gap:34px;position:relative;border-radius:var(--radius);padding:48px;background:#20221f;color:var(--light)}.about-main{display:contents}.about-main>h2{white-space:nowrap;grid-column:1;grid-row:1;font-size:var(--about-title-size);font-weight:600;line-height:.97;letter-spacing:-.055em;margin:0}.about-main>h2>span{color:#d4d7ce}.about-main>.profile{grid-column:1;grid-row:2;align-self:end}.profile{display:flex;align-items:center;gap:16px}.profile img{width:64px;height:64px;object-fit:cover;border-radius:50%;filter:grayscale(1)}.profile p{margin:0;font-size:16px;letter-spacing:-.4px}.profile p>span{display:block;font-size:12px;color:#a4aa9c;margin-top:7px;letter-spacing:0}.about-detail{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:space-between;justify-self:end;width:max-content;max-width:100%;gap:34px}.about-detail>.skill-tags{justify-content:flex-start;flex-shrink:0}.skill-tags{grid-column:2;grid-row:1;align-self:start;justify-self:end;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px;max-width:100%;padding-top:calc(var(--about-title-size)*.148)}.skill-tags>span{padding:9px 13px;border:1px solid #ffffff25;border-radius:10px;font-size:11px;color:#c9cebf}.brand-list{grid-column:2;grid-row:2;align-self:end;width:100%;margin:0;padding:0}.experience-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.experience-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.experience-list li>span:first-child{font-size:14px;font-weight:500;color:#e1e3dc}.experience-list li>span:last-child{font-size:12px;font-weight:400;color:#a4aa9c;white-space:nowrap}.contact-section{--contact-title-size:clamp(42px,4.5vw,64px);position:relative;background:var(--accent);color:var(--on-accent);border-radius:var(--radius);margin-top:16px;padding:48px}.contact-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:30px;row-gap:26px;align-items:start;text-align:left}.contact-actions{display:contents}.contact-actions>.asterisk{grid-column:2;grid-row:1;align-self:start;justify-self:end;margin-top:calc(var(--contact-title-size)*.148);width:50px;height:50px;transform:rotate(15deg);pointer-events:none}.contact-actions>.button-banner{grid-column:2;grid-row:2;align-self:end;justify-self:end}.contact-bottom h2{grid-column:1;grid-row:1;font-family:var(--font-heading);font-weight:600;font-size:var(--contact-title-size);line-height:.97;letter-spacing:-.055em}.contact-bottom p{grid-column:1;grid-row:2;align-self:end;font-size:14px;margin:0;color:var(--ink)}footer{position:relative;padding:32px 12px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:11px;color:var(--muted)}.footer-sign{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.8px;white-space:nowrap}footer a{display:flex;align-items:center;gap:8px;color:var(--ink)}footer svg{width:16px;height:16px;transform:rotate(-90deg)}
dialog{position:fixed;inset:0;border:0;border-radius:28px;padding:0;margin:auto;width:calc(100% - 40px);max-height:calc(100dvh - 40px);overflow:auto;background:var(--light);color:var(--ink);overscroll-behavior:contain;box-shadow:0 30px 120px #0005}dialog::backdrop{background:#10140ee0;backdrop-filter:blur(10px)}body.modal-open{overflow:hidden}.case-dialog{max-width:1020px}.brief-dialog{max-width:620px}.close{position:absolute;top:18px;right:18px;z-index:5;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f4f4f1eb;color:var(--ink);box-shadow:0 3px 15px #0002}.close:hover{background:var(--accent);color:var(--on-accent)}.close svg{width:22px;height:22px}.modal-cover{width:100%;height:auto;background:#242524}.modal-body{padding:38px 42px 42px}.modal-body>.eyebrow{color:var(--muted);padding-right:30px}.modal-body>h2{font-size:48px;margin-top:15px}.case-description{font-size:20px;line-height:1.4;color:var(--muted);letter-spacing:-.5px;margin:18px 0 30px}.case-text{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px}.case-text h3{font-size:13px;margin:0 0 12px}.case-text p{font-size:15px;line-height:1.6;color:#62685b;margin:0}.modal-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px}.next-case{display:flex;align-items:center;gap:10px;background:none;font-size:12px;padding:10px 0}.next-case svg{width:19px;height:19px}.brief-dialog>.modal-body{padding-top:46px}.brief-dialog h2{font-size:54px;margin-top:0}.brief-intro{font-size:15px;line-height:1.5;color:var(--muted);margin:17px 0 28px}.form-field{display:block;margin:0 0 22px}.form-field>span,.project-type legend{display:block;font-size:12px;margin-bottom:10px}.form-field input,.form-field textarea{display:block;width:100%;padding:16px 18px;border:1px solid #d9dde3;border-radius:var(--button-radius);background:#f2f4f7;color:var(--ink);outline-offset:2px;font-size:15px;line-height:1.5;transition:border-color .2s,background .2s}.form-field input:focus,.form-field textarea:focus{background:#fff;border-color:var(--accent-focus)}.form-field textarea{resize:vertical;min-height:120px}.form-field ::placeholder{color:#737881}.project-type{border:0;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:7px}.project-type label{position:relative}.project-type input{position:absolute;opacity:0;width:1px;height:1px}.project-type label>span{display:block;padding:11px 13px;border:1px solid #d9dde3;border-radius:999px;font-size:12px;cursor:pointer;transition:background .2s}.project-type input:checked+span{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.project-type input:focus-visible+span{outline:3px solid var(--accent-focus);outline-offset:3px}.form-note{font-size:11px;line-height:1.5;color:var(--muted);margin:14px 0 0;max-width:330px}.form-result{margin:18px 0 0;font-size:13px;line-height:1.5;color:var(--ink)}.form-result:empty{display:none}
@media(max-width:1200px){.site-shell{width:auto;margin:0 18px;padding:0 24px}.hero{padding-left:36px;padding-right:36px}.hero-content{gap:40px;padding-top:40px}.hero h1{color:#fff;font-size:7.4vw}.hero-art{width:50%;right:-23px}.hero-art-layered{width:43%;right:4%;top:20px}.project-title{font-size:23px}.start-tile,.experience-tile{--tile-x:28px;--tile-y:28px}.about-section{padding:38px;gap:30px}}
@media(max-width:900px){:root{--cta-width:208px;--cta-height:52px;--cta-font:13px;--cta-padding:16px;}.experience-list li{flex-wrap:wrap;gap:5px}.experience-list li>span:last-child{font-size:11px}.header{height:85px;padding:0 4px}.brand{font-size:21px}.desktop-nav{gap:24px;margin-right:0}.desktop-nav,.header-cta{font-size:16px}.hero{padding:30px}.hero h1{color:#fff;font-size:8vw}.hero-content{gap:32px;padding-top:32px}.hero-art{width:40%;right:-15px;top:30px;height:calc(100% - 60px)}.hero-art-layered{width:37%;right:3%;top:30px;height:calc(100% - 60px)}.hero-message>p{font-size:15px}.hero-actions{gap:8px}.intro-bento{grid-template-columns:1fr 1.25fr;gap:12px}.start-tile,.experience-tile{--tile-x:26px;--tile-y:26px;min-height:270px}.tile-title{font-size:37px}.experience-number{font-size:113px;margin-top:0;top:-6.41px}.experience-number>span{font-size:53px}.experience-detail>.asterisk{width:45px;height:45px}.experience-caption{font-size:11px}.section{padding:75px 4px 65px}.work-heading h2{font-size:51px}.project-grid{gap:56px 16px}.project-title{font-size:22px}.project-media{border-radius:20px}.project-index{top:12px;left:12px;font-size:8px}.project-open{opacity:1;transform:none;right:12px;top:12px;width:34px;height:34px}.project-open svg{width:19px;height:19px}.about-section{gap:24px;padding:30px}.about-section{--about-title-size:4.5vw}.contact-section{--contact-title-size:4.5vw;padding:40px 30px}.contact-bottom p{font-size:12px}.footer-sign{display:none}}
@media(max-width:640px){:root{--radius:23px;scroll-padding-top:15px}.site-shell{margin:0 8px;padding:0 12px}.header{height:76px;padding:0 8px;gap:16px}.brand{font-size:21px}.desktop-nav,.header-cta{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary>span{width:22px;height:1.5px;background:var(--ink);transition:transform .2s}.mobile-menu[open] summary>span:first-child{transform:translateY(3.75px) rotate(45deg)}.mobile-menu[open] summary>span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-menu nav{position:absolute;right:-2px;top:45px;z-index:20;display:flex;flex-direction:column;gap:4px;width:210px;padding:10px;background:var(--light);border-radius:18px;box-shadow:0 15px 50px #0003}.mobile-menu nav>a{padding:14px 12px;font-size:16px;color:#646464;border-radius:10px}.mobile-menu nav>a:hover{background:var(--accent);color:var(--on-accent)}.hero{padding:24px}.hero-top{font-size:13px;gap:14px}.hero-specialty{font-size:9px}.hero-content{display:contents}.hero-message{margin:36px 0 12px}.hero h1{color:#fff;font-size:clamp(42px,9.8vw,64px);max-width:100%;margin:0 0 18px;letter-spacing:var(--banner-tracking);position:relative}.hero h1 span{color:inherit}.hero-message>p{font-size:14px;line-height:1.5;color:#bdc1b5;white-space:normal;margin:0}.hero-actions{order:2;margin-top:0;display:flex;flex-wrap:wrap;width:100%;gap:8px}.hero-actions .button-banner{flex:0 0 var(--cta-width)}.hero-art{position:relative;order:1;top:auto;right:auto;margin:0 auto 12px;width:100%;max-width:330px;height:auto;aspect-ratio:1;flex-shrink:0;z-index:1}.hero-art-layered{position:relative;top:auto;right:auto;width:100%;height:auto;max-width:330px;margin:4px auto 16px}.layered-object{object-position:center}.intro-bento{gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.start-tile,.experience-tile{--tile-x:20px;--tile-y:22px;min-height:260px;border-radius:22px}.tile-title{font-size:31px;letter-spacing:-1.4px;margin:22px 0 25px}.tile-caption{font-size:9px;line-height:1.4;width:100%;max-width:none}.intro-bento .tile-arrow{width:32px;height:32px}.intro-bento .tile-arrow svg{width:18px;height:18px}.intro-bento .tile-caption,.intro-bento .experience-caption{height:32px;padding-right:42px}.experience-number{font-size:99px;letter-spacing:-7px;margin:24px 0 17px;top:-7.85px}.experience-number>span{font-size:45px;margin-left:2px}.experience-caption{display:block;font-size:10px;line-height:1.4;max-width:none}.experience-detail{position:absolute;right:16px;top:53px}.experience-detail>.asterisk{width:27px;height:27px}.section{padding:65px 8px 55px}.work-heading{margin:0 0 26px}.work-heading h2{font-size:46px;letter-spacing:-.055em;line-height:1.03}.project-grid{grid-template-columns:1fr;gap:48px}.project-media{border-radius:18px}.project-index{top:12px;left:12px;font-size:8px;padding:6px 8px}.project-open{width:33px;height:33px;right:12px;top:12px}.project-info{padding-top:14px}.project-client{font-size:8px;letter-spacing:.6px;margin-bottom:6px}.project-title{font-size:25px;letter-spacing:-.9px}.about-section{--about-title-size:clamp(26px,6.3vw,40px);grid-template-columns:1fr;padding:29px 26px;gap:28px}.about-main>.profile{grid-row:2}.about-detail{display:contents}.about-section .skill-tags{grid-column:1;grid-row:3;padding-top:0;justify-self:start;justify-content:flex-start}.about-section .brand-list{grid-column:1;grid-row:4}.profile{gap:13px}.profile img{width:55px;height:55px}.profile p{font-size:14px}.profile p>span{font-size:10px}.skill-tags{gap:6px;max-width:100%}.skill-tags>span{font-size:9px;padding:9px 10px}.contact-section{--contact-title-size:clamp(26px,6.3vw,40px);margin-top:10px;padding:40px 26px}.contact-bottom{grid-template-columns:minmax(0,1fr) 32px;column-gap:12px;row-gap:20px}.contact-actions>.asterisk{width:32px;height:32px}.contact-actions>.button-banner{grid-column:1 / -1;grid-row:3}.contact-bottom p{grid-column:1 / -1}.contact-bottom p{font-size:11px;line-height:1.5;max-width:260px;margin:0}footer{padding:27px 8px;font-size:9px}footer a{gap:6px}footer svg{width:14px;height:14px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:22px}.modal-body{padding:27px 24px 30px}.modal-body>.eyebrow{font-size:8px;letter-spacing:.8px}.modal-body>h2{font-size:35px;letter-spacing:-1.8px;margin-top:13px}.case-description{font-size:17px;margin:15px 0 25px}.case-text{grid-template-columns:1fr;gap:24px}.case-text h3{font-size:12px;margin-bottom:8px}.case-text p{font-size:14px;line-height:1.6}.modal-bottom{flex-direction:column;align-items:stretch;gap:12px;margin-top:28px}.next-case{justify-content:center}.close{width:34px;height:34px;top:12px;right:12px}.close svg{width:19px;height:19px}.brief-dialog>.modal-body{padding-top:42px}.brief-dialog h2{font-size:44px}.brief-intro{font-size:13px;margin-bottom:24px}.form-field input,.form-field textarea{font-size:16px;padding:14px 15px}.project-type label>span{padding:10px;font-size:10px}.form-note{font-size:10px}}
@media(max-width:360px){.site-shell{padding:0 9px}.hero{padding-left:20px;padding-right:20px}.hero h1{color:#fff;font-size:9.6vw}.start-tile,.experience-tile{--tile-x:15px;--tile-y:20px}.tile-title{font-size:27px}.experience-number{font-size:87px;top:-7.19px}.about-section{--about-title-size:6.3vw}.contact-section{--contact-title-size:6.3vw}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{transform:none!important}.project-card:hover .project-media{transform:none}.project-card:hover .project-media>img{transform:none}}