/* Atelier backend — Swiss editorial portfolio, ivory paper, charcoal type, cobalt action color, coral availability signal. */
:root{--paper:#f5f2ea;--deep:#e9e5dc;--ink:#1d2025;--muted:#667078;--line:#d7d1c5;--blue:#2457d6;--coral:#ee6d5f;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a,button{font:inherit}button{cursor:pointer}a{color:inherit}.side-rail{position:fixed;z-index:10;inset:0 auto 0 0;width:76px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:24px 0 28px;background:rgba(245,242,234,.9);backdrop-filter:blur(16px)}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--blue);font:600 11px/1 "Space Grotesk",sans-serif;letter-spacing:-.08em;text-decoration:none;transition:transform .2s var(--ease)}.brand-mark:hover{transform:rotate(-8deg) scale(1.05)}.side-rail__identity{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:21px;text-align:center}.side-rail__identity span,.side-rail__identity strong,.side-rail__identity small,.side-nav a,.side-rail__availability,.side-rail__year,.wordmark,.topnav a,.topbar__availability,.hero-section__eyebrow,.section-label,.project-meta,.image-note,.button,.text-link,.skill-row>span,.stack-footer,.contact-details,.footer{font-family:"Space Grotesk",sans-serif;text-transform:uppercase}.side-rail__identity span{color:var(--muted);font-size:8px;letter-spacing:.13em}.side-rail__identity strong{font-size:10px;letter-spacing:.08em}.side-rail__identity small{color:var(--blue);font-size:6px;letter-spacing:.1em;writing-mode:vertical-rl;transform:rotate(180deg);margin-top:8px}.side-rail__rule{width:1px;height:42px;margin:20px 0 22px;background:var(--line)}.side-nav{display:flex;flex-direction:column;align-items:center;gap:18px}.side-nav a{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;letter-spacing:.08em;text-decoration:none;writing-mode:vertical-rl;transform:rotate(180deg);transition:color .18s,transform .18s var(--ease)}.side-nav a span{color:var(--blue);font-size:7px}.side-nav a:hover{color:var(--ink);transform:rotate(180deg) translateY(2px)}.side-rail__availability{display:flex;align-items:center;gap:7px;margin-top:auto;color:var(--ink);font-size:7px;letter-spacing:.08em;writing-mode:vertical-rl;transform:rotate(180deg)}i{font-style:normal}.side-rail__availability i,.topbar__availability i,.contact-signal i{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(238,109,95,.12)}.side-rail__year{margin-top:22px;color:#8a8e8e;font-size:8px;letter-spacing:.08em;writing-mode:vertical-rl;transform:rotate(180deg)}.main-content{margin-left:76px;overflow:hidden}.topbar{height:86px;padding:0 clamp(28px,5vw,92px);display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-decoration:none;white-space:nowrap}.wordmark b{display:grid;place-items:center;width:25px;height:25px;color:#fff;background:var(--blue);font-size:9px;letter-spacing:-.08em}.wordmark span{font-weight:400;color:var(--muted)}.topnav{display:none;gap:28px;margin-left:auto}.topnav a,.topbar__availability{color:var(--muted);font-size:11px;letter-spacing:.08em;text-decoration:none}.topnav a:hover{color:var(--blue)}.topbar__availability{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--ink);white-space:nowrap}.mobile-menu{display:none;border:0;background:transparent;color:var(--ink);font-size:20px}.hero-section{min-height:calc(100vh - 86px);padding:clamp(56px,10vh,120px) clamp(28px,10vw,164px) 34px clamp(28px,9vw,140px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 75% 28%,rgba(36,87,214,.06),transparent 28%),var(--paper)}.hero-section__eyebrow,.section-label{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.13em}.hero-section__eyebrow>span:first-child,.section-label>span{color:var(--blue)}.hero-section__eyebrow em{width:34px;height:1px;background:var(--line)}.hero-section__grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:end;gap:70px;padding:45px 0 70px}.hero-section__copy{max-width:830px}.hero-kicker{margin:0 0 26px;color:var(--blue);font:600 12px "Space Grotesk",sans-serif}.hero-section h1,.intro-section h2,.work-intro h2,.stack-section h2,.contact-section h2,.project-modal h2{font-family:"Space Grotesk",sans-serif;font-weight:600;letter-spacing:-.055em}.hero-section h1{max-width:890px;margin:0 0 34px;font-size:clamp(3.4rem,7vw,7.7rem);line-height:.91}.hero-section h1 em,.contact-section h2 em{color:var(--blue);font-style:normal;font-weight:400}.hero-lede{max-width:485px;margin:0 0 34px;color:var(--muted);font-size:16px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;gap:12px;border:1px solid transparent;padding:14px 18px;font-size:11px;font-weight:600;letter-spacing:.06em;text-decoration:none;transition:transform .18s var(--ease),background .18s,color .18s,border-color .18s}.button:active{transform:scale(.97)}.button--primary{color:#fff;background:var(--blue)}.button--primary:hover{background:#1946bb;transform:translateY(-2px)}.button--outline{color:var(--ink);border-color:var(--line);background:transparent}.button--outline:hover{color:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-decoration:none;transition:color .18s,border-color .18s,gap .18s var(--ease)}.text-link:hover{color:var(--blue);border-color:var(--blue);gap:12px}.hero-section__aside{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:3px}.hero-aside__line{width:100%;height:1px;margin-bottom:16px;background:var(--ink)}.hero-section__aside p{margin:0 0 27px;color:var(--muted);font-size:12px;line-height:1.7}.hero-section__aside strong{color:var(--ink)}.hero-aside__location{color:var(--muted);font:10px "Space Grotesk",sans-serif;letter-spacing:.05em}.hero-section__bottomline{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font:9px "Space Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase}.hero-section__bottomline span:last-child{margin-left:auto}.hero-section__bottomline b{color:var(--blue);font-size:16px}.intro-section,.work-section,.stack-section,.contact-section{padding:clamp(84px,12vw,170px) clamp(28px,9vw,140px)}.intro-section,.stack-section{background:var(--deep)}.intro-section>.section-label{margin-bottom:74px}.intro-section__content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:9vw}.intro-section h2,.work-intro h2,.stack-section h2,.contact-section h2{margin:0;font-size:clamp(2.8rem,5.4vw,6.1rem);line-height:.94}.intro-section h2 span,.work-intro h2 span,.stack-section h2 span{color:var(--muted);font-weight:400}.intro-section__body{max-width:380px;padding-top:8px}.intro-section p,.work-intro p,.contact-section__content p{color:var(--muted);font-size:15px;line-height:1.72}.intro-section__body p+p{margin-top:22px}.timeline-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid var(--line)}.timeline-strip>div{min-height:100px;padding:18px 20px 0 0;border-right:1px solid var(--line)}.timeline-strip>div:not(:first-child){padding-left:20px}.timeline-strip>div:last-child{border:0}.timeline-strip span,.timeline-strip small{display:block;color:var(--muted);font:10px "Space Grotesk",sans-serif;letter-spacing:.1em;text-transform:uppercase}.timeline-strip strong{display:block;margin:11px 0 6px;font:500 17px "Space Grotesk",sans-serif;letter-spacing:-.03em}.section-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line);color:var(--muted);font:10px "Space Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase}.work-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10vw;align-items:end;margin:72px 0 70px}.work-intro p{margin:0 0 4px}.featured-project{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(34px,6vw,94px);align-items:center;margin-bottom:90px}.featured-project__image{position:relative;min-height:440px;width:100%;display:block;overflow:hidden;border:0;padding:0;background:var(--deep)}.featured-project__image img{width:100%;height:100%;min-height:440px;display:block;object-fit:cover;transition:transform .55s var(--ease)}.featured-project__image:hover img{transform:scale(1.035)}.image-note{position:absolute;left:18px;bottom:16px;color:#fff;text-shadow:0 1px 6px #0006}.project-meta{display:flex;justify-content:space-between;margin-bottom:13px;color:var(--muted);font-size:9px;letter-spacing:.1em}.featured-project__content{max-width:370px}.featured-project__content .project-meta{margin-bottom:25px}.featured-project__content h3{margin:0 0 20px;font:600 clamp(2.4rem,4vw,4.2rem) "Space Grotesk",sans-serif;letter-spacing:-.055em;line-height:.95}.featured-project__content p,.project-card__body p{color:var(--muted);font-size:15px;line-height:1.7}.featured-project__content p{margin-bottom:25px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.tag-row span{border:1px solid var(--line);padding:7px 9px;color:var(--muted);font:9px "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}.project-card__visual{position:relative;width:100%;aspect-ratio:4/3;display:block;overflow:hidden;border:0;padding:0;background:var(--deep);text-align:left}.project-card__visual:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 55%,#10182859);opacity:.7}.project-card__visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s var(--ease)}.project-card__visual:hover img{transform:scale(1.045)}.project-card__visual b{position:absolute;z-index:1;top:17px;left:17px;color:#fff;font:11px "Space Grotesk",sans-serif;letter-spacing:.08em}.project-card__visual i{position:absolute;z-index:2;right:14px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--ink);background:var(--paper);font-size:18px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s var(--ease)}.project-card__visual:hover i{opacity:1;transform:translateY(0)}.project-card__body{padding-top:18px}.project-title{display:inline-flex;align-items:center;gap:8px;margin:0 0 9px;padding:0;border:0;background:transparent;font:600 21px "Space Grotesk",sans-serif;letter-spacing:-.04em;text-align:left;transition:color .18s,gap .18s var(--ease)}.project-title:hover{gap:12px;color:var(--blue)}.project-card__body p{min-height:50px;margin:0 0 17px;font-size:13px}.project-card__body .tag-row{margin:0}.stack-section__layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10vw;margin-top:85px}.skill-list{border-top:1px solid var(--line)}.skill-row{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:19px 0;border-bottom:1px solid var(--line)}.skill-row>span{color:var(--blue);font-size:10px;font-weight:600;letter-spacing:.1em}.skill-row>div{color:var(--ink);font-size:14px;line-height:1.6}.stack-footer{display:flex;align-items:center;gap:14px;margin-top:92px;color:var(--muted);font-size:10px;letter-spacing:.06em}.stack-footer b{color:var(--blue);font-size:20px}.stack-footer em{flex:1;height:1px;background:var(--line)}.stack-footer span:last-child{color:var(--blue)}.contact-section{color:#fff;background:var(--blue)}.contact-section .section-label,.contact-signal{color:#ffffffbf}.contact-section .section-label>span{color:#fff}.contact-section__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #ffffff40}.contact-signal{display:flex;align-items:center;gap:8px;font:10px "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}.contact-section__content{max-width:720px;padding:120px 0 95px}.contact-section h2{color:#fff}.contact-section h2 em{color:#fff}.contact-section__content p{max-width:390px;margin:33px 0 30px;color:#ffffffb8}.contact-email{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #ffffffb3;padding-bottom:8px;color:#fff;font:clamp(1rem,2vw,1.35rem) "Space Grotesk",sans-serif;text-decoration:none;transition:gap .2s var(--ease),color .2s}.contact-email:hover{gap:18px;color:var(--coral)}.contact-details{display:grid;grid-template-columns:1.1fr 1.1fr 1.3fr auto;gap:20px;border-top:1px solid #ffffff40;padding-top:22px}.contact-details div{display:flex;flex-direction:column;gap:8px}.contact-details span,.contact-details strong,.contact-details a{font-size:10px;letter-spacing:.06em;text-transform:uppercase}.contact-details span{color:#ffffff85}.contact-details strong,.contact-details a{color:#fff;font-weight:500;text-decoration:none}.contact-socials{flex-direction:row!important;align-items:flex-end;gap:10px!important}.contact-socials a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff47;transition:background .18s,color .18s}.contact-socials a:hover{color:var(--blue);background:#fff}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px clamp(28px,9vw,140px) 28px;color:var(--muted);font-size:9px;letter-spacing:.1em}.footer a{color:var(--ink);text-decoration:none}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:24px;background:#181b1f99;backdrop-filter:blur(9px)}.modal-backdrop[hidden]{display:none}.project-modal{position:relative;width:min(850px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:var(--paper);box-shadow:0 24px 80px #0004;animation:modal-in .24s var(--ease)}.project-modal>img{width:100%;height:100%;min-height:370px;object-fit:cover}.modal-content{align-self:center;padding:48px 40px}.modal-content h2{margin:20px 0 16px;font-size:clamp(2.2rem,5vw,4rem);line-height:.95}.modal-content p{margin-bottom:25px;color:var(--muted);font-size:14px;line-height:1.7}.modal-close{position:absolute;z-index:1;top:15px;right:15px;width:34px;height:34px;border:0;color:var(--ink);background:var(--paper);font-size:25px;line-height:1}.modal-close:hover{color:var(--blue)}@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:900px){.topbar{padding-inline:28px}.hero-section,.intro-section,.work-section,.stack-section,.contact-section{padding-inline:48px}.hero-section__grid,.intro-section__content,.featured-project,.stack-section__layout{grid-template-columns:1fr}.hero-section__grid{gap:42px}.hero-section__aside{max-width:260px}.hero-section{min-height:auto;padding-top:80px}.hero-section__bottomline{margin-top:35px}.work-intro{gap:30px}.featured-project__image,.featured-project__image img{min-height:360px}.mobile-menu{display:block;margin-left:8px}.contact-details{grid-template-columns:repeat(2,1fr);row-gap:25px}.contact-socials{align-items:flex-start!important}}@media(max-width:640px){.side-rail{display:none}.main-content{margin-left:0}.topbar{height:72px;padding:0 20px}.topnav{position:absolute;z-index:20;top:72px;right:0;left:0;display:none;flex-direction:column;gap:0;margin:0;padding:10px 20px 16px;border-bottom:1px solid var(--line);background:#f5f2eaf7}.topnav.open{display:flex}.topnav a{padding:11px 0}.topbar__availability{margin-left:auto;font-size:9px}.hero-section,.intro-section,.work-section,.stack-section,.contact-section{padding:64px 20px}.hero-section{padding-top:70px}.hero-section__grid{padding-top:38px;padding-bottom:35px}.hero-section h1{font-size:clamp(2.65rem,12vw,5.2rem);overflow-wrap:break-word}.hero-lede{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-section__bottomline{align-items:flex-start;flex-wrap:wrap;gap:9px}.hero-section__bottomline span:last-child{width:100%;margin-left:0}.intro-section>.section-label{margin-bottom:50px}.intro-section__content{gap:40px}.intro-section h2,.work-intro h2,.stack-section h2,.contact-section h2{font-size:clamp(2.7rem,14vw,4.8rem)}.timeline-strip{grid-template-columns:1fr;margin-top:55px}.timeline-strip>div,.timeline-strip>div:not(:first-child){min-height:auto;padding:15px 0;border-right:0;border-bottom:1px solid var(--line)}.timeline-strip>div:last-child{border-bottom:0}.section-heading>span{display:none}.work-intro{display:block;margin:50px 0}.work-intro p{margin-top:26px}.featured-project{gap:30px;margin-bottom:64px}.featured-project__image,.featured-project__image img{min-height:250px}.project-grid{grid-template-columns:1fr;gap:50px}.project-card__body p{min-height:auto}.stack-section__layout{gap:48px;margin-top:56px}.skill-row{grid-template-columns:1fr;gap:12px}.stack-footer{align-items:flex-start;flex-wrap:wrap;margin-top:55px}.stack-footer em{flex-basis:100%;order:3}.contact-section__top{align-items:flex-start;gap:20px;flex-direction:column}.contact-section__content{padding:75px 0 65px}.contact-details{grid-template-columns:1fr 1fr}.footer{align-items:flex-start;flex-direction:column;padding-inline:20px}.project-modal{display:block;max-height:calc(100vh - 48px);overflow:auto}.project-modal>img{height:230px;min-height:0}.modal-content{padding:32px 24px 36px}}