.portfolio-home{--home-rule: hsl(var(--border) / .7)}.portfolio-home .home-shell{width:min(100% - 80px,1200px);margin-inline:auto}.portfolio-home section,.portfolio-home .home-anchor{scroll-margin-top:110px}.portfolio-home .home-eyebrow{display:flex;align-items:center;gap:10px;font:500 11px/1.6 JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.portfolio-home .home-hero{padding-top:158px;padding-bottom:70px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:80px;align-items:end}.portfolio-home h1{font-size:76px;line-height:1.05;font-weight:800;letter-spacing:-.045em;margin:30px 0 32px}.portfolio-home h1 span{display:block}.portfolio-home .hero-intro{max-width:700px;text-wrap:balance;font-size:22px;font-weight:500;line-height:1.5;color:hsl(var(--foreground))}.portfolio-home .hero-actions{display:flex;align-items:center;gap:38px;margin-top:35px}.portfolio-home .hero-work-link{display:inline-flex;align-items:center;gap:30px;min-height:52px;padding-block:10px;border-bottom:2px solid hsl(var(--primary));color:hsl(var(--primary));font-size:20px;line-height:1.5;font-weight:600}.portfolio-home .hero-work-link>svg{flex-shrink:0}.portfolio-home .hero-contact-link{display:inline-flex;align-items:center;gap:10px;min-height:52px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-color:hsl(var(--border))}.portfolio-home .hero-contact-link:hover{color:hsl(var(--primary))}.portfolio-home .home-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:5px;font-size:13px;line-height:1.5;font-weight:700;transition:background-color .18s,border-color .18s}.portfolio-home .home-button-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.portfolio-home .home-button-primary:hover{background:hsl(var(--primary) / .85)}.portfolio-home .home-button-secondary{border-color:hsl(var(--border))}.portfolio-home .home-button-secondary:hover{border-color:hsl(var(--primary))}.portfolio-home .hero-portrait{width:100%;max-width:300px;justify-self:end;margin:0;position:relative;isolation:isolate}.portfolio-home .hero-portrait:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:150%;height:150%;left:-40%;bottom:-38%;background:radial-gradient(ellipse closest-side at 50% 50%,hsl(var(--primary) / .1) 0%,hsl(var(--primary) / .035) 40%,transparent 72%);filter:blur(20px)}.portfolio-home .hero-portrait img{display:block;width:100%;aspect-ratio:4/5;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:2px}.portfolio-home .home-section{padding-block:95px;position:relative}.portfolio-home h2{font-size:42px;line-height:1.14;font-weight:800;letter-spacing:-.035em;margin-top:18px}.portfolio-home .section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:52px}.portfolio-home .home-text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;line-height:1.6;font-weight:600;padding-block:7px;text-decoration:underline;text-decoration-color:hsl(var(--border));text-underline-offset:6px;transition:color .18s}.portfolio-home .home-text-link:hover{color:hsl(var(--primary))}.portfolio-home .section-heading>.home-text-link{flex-shrink:0}.portfolio-home .work-row{display:grid;grid-template-columns:28px 250px minmax(0,1fr) 24px;gap:28px;align-items:center;border-top:1px solid var(--home-rule);padding-block:30px}.portfolio-home .work-row:last-child{border-bottom:1px solid var(--home-rule)}.portfolio-home .work-number{align-self:start;padding-top:5px;font:500 11px/1.6 JetBrains Mono,monospace;color:hsl(var(--muted-foreground))}.portfolio-home .work-image{position:relative;overflow:hidden;border-radius:2px;background:hsl(var(--card))}.portfolio-home .work-image .work-cover{display:block;width:100%;aspect-ratio:5/3;-o-object-fit:cover;object-fit:cover}.portfolio-home .work-image-flashbook .work-cover{-o-object-position:center 35%;object-position:center 35%}.portfolio-home .work-copy h3{font-weight:600;font-size:32px;line-height:1.2;letter-spacing:-.025em;margin-block:12px}.portfolio-home .work-proposition{font-size:14px;line-height:1.65;color:hsl(var(--muted-foreground));max-width:610px}.portfolio-home .work-evidence{margin-top:14px;font-size:11px;line-height:1.7;color:hsl(var(--foreground))}.portfolio-home .work-arrow{color:hsl(var(--primary))}.portfolio-home .help-section{background:hsl(var(--card) / .5);border-block:1px solid var(--home-rule)}.portfolio-home .home-anchor{position:absolute;top:0}.portfolio-home .section-intro{max-width:435px;font-size:15px;line-height:1.8;color:hsl(var(--muted-foreground))}.portfolio-home .help-grid{display:grid}.portfolio-home .help-grid article{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:45px;align-items:start;border-top:1px solid var(--home-rule);padding-block:32px}.portfolio-home .help-grid article:last-child{padding-bottom:0}.portfolio-home .help-grid h3{font-size:24px;font-weight:700;line-height:1.25}.portfolio-home .help-grid p{font-size:14px;line-height:1.8;color:hsl(var(--muted-foreground))}.portfolio-home .help-grid .service-output{margin-top:14px;font-size:11px;color:hsl(var(--foreground))}.portfolio-home .service-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:7px;list-style:none}.portfolio-home .service-flow li{position:relative;display:flex;flex-direction:column;gap:17px;font:400 10px/1.6 JetBrains Mono,monospace;color:hsl(var(--muted-foreground))}.portfolio-home .flow-node{display:block;width:9px;height:9px;border:1px solid hsl(var(--muted-foreground));border-radius:50%}.portfolio-home .service-flow li:last-child .flow-node{border-color:hsl(var(--primary));background:hsl(var(--primary))}.portfolio-home .flow-connector{position:absolute;left:20px;right:10px;top:-5px;text-align:right;border-bottom:1px solid var(--home-rule);height:10px}.portfolio-home .service-flow-02 li:first-child .flow-node{box-shadow:0 -4px hsl(var(--card)),0 -5px hsl(var(--muted-foreground)),0 4px hsl(var(--card)),0 5px hsl(var(--muted-foreground))}.portfolio-home .service-flow-03 li:nth-child(2) .flow-node{border-radius:0;transform:rotate(45deg)}.portfolio-home .service-flow-04 .flow-node{width:12px;border-radius:1px}.portfolio-home .about-section{display:grid;grid-template-columns:1fr 1fr;gap:90px}.portfolio-home .about-section h2{font-size:40px}.portfolio-home .about-story>p{font-size:15px;line-height:1.8;margin-bottom:18px;color:hsl(var(--muted-foreground))}.portfolio-home .about-proof{display:flex;gap:20px;align-items:start;padding-top:25px;border-top:1px solid var(--home-rule);margin-top:28px}.portfolio-home .about-proof img{flex-shrink:0;width:66px;height:66px;-o-object-fit:contain;object-fit:contain}.portfolio-home .about-proof p{font-size:11px;line-height:1.9;color:hsl(var(--muted-foreground))}.portfolio-home .about-proof p:first-child{color:hsl(var(--foreground));font-weight:600}.portfolio-home .about-proof .home-text-link{font-size:11px;padding-block:2px}.portfolio-home .home-contact{border-top:1px solid var(--home-rule);background:hsl(var(--card) / .5)}.portfolio-home .contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px}.portfolio-home .contact-copy h2{font-size:52px}.portfolio-home .contact-copy>p:not(.home-eyebrow,.contact-alternative){font-size:15px;line-height:1.8;color:hsl(var(--muted-foreground));margin:24px 0 26px;max-width:400px}.portfolio-home .contact-alternative{color:hsl(var(--muted-foreground));font-size:12px;margin-top:35px;margin-bottom:8px}.portfolio-home .contact-detail{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.portfolio-home .contact-detail a{overflow-wrap:anywhere}.portfolio-home .contact-detail button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:hsl(var(--muted-foreground))}.portfolio-home .contact-detail button:hover{color:hsl(var(--primary))}.portfolio-home .copy-status{min-height:20px;font-size:11px;color:hsl(var(--primary))}.portfolio-home .contact-social{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px;font-size:11px;color:hsl(var(--muted-foreground))}.portfolio-home .contact-social a{display:inline-flex;align-items:center;gap:5px;padding-block:9px}.portfolio-home .contact-social span{align-self:center}.portfolio-home .home-contact-form{display:grid;gap:18px}.portfolio-home .home-contact-form h3{font-size:19px;font-weight:700;margin-bottom:3px}.portfolio-home .form-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portfolio-home .home-contact-form label{display:block;margin-bottom:9px;font-size:12px}.portfolio-home .home-contact-form input,.portfolio-home .home-contact-form textarea{background:hsl(var(--background));border-color:hsl(var(--border));font-size:14px;border-radius:4px}.portfolio-home .home-contact-form input{height:46px}.portfolio-home .home-contact-form textarea{min-height:124px;resize:vertical}.portfolio-home .home-contact-form>.home-button{justify-self:start}.portfolio-home .home-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding-block:30px;font-size:11px;color:hsl(var(--muted-foreground))}.portfolio-home .home-footer p span{margin-left:12px}.portfolio-home .home-footer>div{display:flex;flex-wrap:wrap;gap:24px}.portfolio-home .home-footer a{padding-block:8px}.portfolio-home :is(a,button):focus-visible,.site-navigation :is(a,button):focus-visible{outline:2px solid hsl(var(--primary));outline-offset:5px;border-radius:3px}.portfolio-home .home-skip-link{position:fixed;top:12px;left:20px;transform:translateY(-200%);z-index:100;background:hsl(var(--foreground));color:hsl(var(--background));padding:12px 18px}.portfolio-home .home-skip-link:focus{transform:none}@media(max-width:1100px){.portfolio-home .home-hero{gap:40px;grid-template-columns:minmax(0,1fr) 240px;padding-top:140px}.portfolio-home h1{font-size:56px}.portfolio-home .work-row{grid-template-columns:22px 220px minmax(0,1fr) 24px;gap:22px}.portfolio-home .work-copy h3{font-size:28px}.portfolio-home .about-section,.portfolio-home .contact-grid{gap:50px}.portfolio-home .help-grid article{grid-template-columns:210px minmax(0,1fr);gap:25px 40px}.portfolio-home .service-flow{grid-column:2;max-width:300px;width:100%}.portfolio-home .contact-copy h2{font-size:44px}}@media(max-width:850px){.portfolio-home .home-shell{width:calc(100% - 64px)}.portfolio-home .home-hero{gap:30px;grid-template-columns:minmax(0,1fr) 200px;padding-top:130px;padding-bottom:40px}.portfolio-home h1{font-size:46px}.portfolio-home .hero-intro{font-size:18px}.portfolio-home .hero-actions{gap:25px;flex-wrap:wrap}.portfolio-home .hero-work-link{font-size:17px;gap:22px}.portfolio-home .home-button{padding-inline:17px;gap:12px}.portfolio-home .home-section{padding-block:70px}.portfolio-home h2{font-size:34px}.portfolio-home .section-heading{gap:32px;margin-bottom:35px}.portfolio-home .work-row{grid-template-columns:180px minmax(0,1fr) 22px;gap:22px}.portfolio-home .work-number{display:none}.portfolio-home .work-copy h3{font-size:25px}.portfolio-home .section-intro{max-width:300px;font-size:14px}.portfolio-home .help-grid h3{font-size:22px}.portfolio-home .about-section{grid-template-columns:1fr;gap:32px}.portfolio-home .about-section h2{font-size:36px}.portfolio-home .about-story{max-width:620px}.portfolio-home .contact-grid{gap:36px}.portfolio-home .contact-copy h2{font-size:36px}.portfolio-home .contact-detail{font-size:12px}.portfolio-home .form-name-grid{grid-template-columns:1fr}}@media(max-width:740px){.portfolio-home .home-hero{grid-template-columns:1fr;gap:38px}.portfolio-home .hero-portrait{max-width:240px}}@media(max-width:600px){.portfolio-home .home-shell{width:calc(100% - 48px)}.portfolio-home .home-hero{grid-template-columns:1fr;padding-top:116px;gap:38px;padding-bottom:30px}.portfolio-home .home-eyebrow{font-size:10px}.portfolio-home h1{font-size:38px;line-height:1.08;margin-top:24px;margin-bottom:25px}.portfolio-home .hero-intro{font-size:18px;line-height:1.55}.portfolio-home .hero-actions{flex-wrap:nowrap;margin-top:25px;gap:25px}.portfolio-home .hero-work-link{font-size:17px;gap:18px}.portfolio-home .hero-contact-link{font-size:13px}.portfolio-home .hero-portrait{max-width:240px}.portfolio-home .hero-portrait img{-o-object-position:center;object-position:center}.portfolio-home .home-section{padding-block:60px}.portfolio-home h2{font-size:32px}.portfolio-home .section-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:25px}.portfolio-home .work-row{grid-template-columns:minmax(0,1fr) 22px;gap:22px 15px;padding-block:26px}.portfolio-home .work-image{grid-column:1/-1;width:160px}.portfolio-home .editorial-preview{padding:8px 10px}.portfolio-home .editorial-preview>p{font-size:7px}.portfolio-home .editorial-flow{gap:5px 20px}.portfolio-home .editorial-flow>span{font-size:9px;padding-block:2px}.portfolio-home .editorial-flow>span:nth-child(odd):after{right:-14px}.portfolio-home .editorial-result{font-size:8px}.portfolio-home .preview-caption{font-size:7px;padding:5px 7px}.portfolio-home .work-copy h3{font-size:27px}.portfolio-home .work-arrow{align-self:start;margin-top:35px}.portfolio-home .work-copy .home-eyebrow{font-size:9px}.portfolio-home .section-intro{max-width:none}.portfolio-home .help-grid article{grid-template-columns:1fr;gap:18px;padding-block:28px}.portfolio-home .help-grid h3{font-size:23px;max-width:280px}.portfolio-home .service-flow{grid-column:1;padding-top:10px}.portfolio-home .about-section h2{font-size:32px}.portfolio-home .about-proof{gap:14px}.portfolio-home .about-proof img{width:50px;height:50px}.portfolio-home .about-proof p,.portfolio-home .about-proof .home-text-link{font-size:10px}.portfolio-home .contact-grid{grid-template-columns:1fr;gap:42px}.portfolio-home .contact-copy h2{font-size:42px}.portfolio-home .contact-detail{font-size:13px}.portfolio-home .contact-social{gap:22px}.portfolio-home .form-name-grid{grid-template-columns:1fr 1fr;gap:14px}.portfolio-home .home-contact-form>.home-button{width:100%}.portfolio-home .home-footer{padding-block:24px;gap:12px}.portfolio-home .home-footer>div{gap:20px}}@media(max-width:374px){.portfolio-home h1{font-size:35px}.portfolio-home .hero-actions{gap:20px}.portfolio-home .hero-work-link{font-size:16px;gap:15px}}@media(prefers-reduced-motion:reduce){html:has(.portfolio-home){scroll-behavior:auto}.portfolio-home *,.site-navigation *{transition:none!important;animation:none!important}}