@charset "UTF-8";
:root{--paper:#101212;--surface:#171a1a;--ink:#e4e7e3;--muted:#939b96;--line:#303635;--accent-rgb:196,155,115;--accent:rgb(var(--accent-rgb));--pad:clamp(24px,5.5vw,92px);--ease:cubic-bezier(.22,1,.36,1);--mono:var(--font-sans);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:45px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}::selection{background:#695440;color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{opacity:.28;cursor:default}p,h1,h2,h3,h4,figure{margin:0}img{display:block;width:100%;height:auto}[hidden]{display:none!important}.wrap{width:100%;max-width:1720px;margin-inline:auto;padding-inline:var(--pad)}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:14px;z-index:100}.skip:focus{top:12px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.2px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:10px;vertical-align:2px;box-shadow:0 0 12px #c49b7333}.small-note{font-size:10px;color:var(--muted);letter-spacing:.8px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.header{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.wordmark{display:flex;align-items:center;gap:17px}.monogram{font-size:42px;font-weight:500;letter-spacing:-5px;line-height:1}.monogram>span{color:var(--accent)}.name{border-left:1px solid #414744;padding-left:17px;font-size:14px;font-weight:500;letter-spacing:1.3px}.name>span{display:block;font:8px/1 var(--mono);letter-spacing:1.4px;margin-top:7px;color:#a8afa9}.header nav{display:flex;align-items:center;gap:34px;font-size:11px;color:var(--muted)}.header nav>a{position:relative;transition:color .2s}.header nav>a:hover,.header nav>a[aria-current]{color:var(--ink)}.header nav>a[aria-current]:after{content:"";position:absolute;left:0;bottom:-33px;height:2px;width:100%;background:var(--accent)}sup{font:8px/1 var(--mono);margin-left:5px;color:var(--accent)}.nav-contact{padding-left:25px;border-left:1px solid var(--line);display:flex;gap:24px;align-items:center;color:var(--ink)}.nav-contact>span{font-size:18px}
.hero{position:relative;isolation:isolate;min-height:690px;height:calc(100svh - 88px);max-height:1100px;display:flex;flex-direction:column;overflow:hidden;background:#0d1010}.light-field{position:absolute;inset:0;z-index:-2;overflow:hidden}.light-field canvas{width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity 1.5s}.light-field.ready canvas{opacity:1}.ambient-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 46%,#414a4544,transparent 50%)}.ambient-fallback i{position:absolute;display:block;filter:blur(55px);mix-blend-mode:screen;will-change:transform,opacity}.ambient-fallback i:nth-child(1){width:50%;height:100%;left:52%;top:-17%;background:radial-gradient(ellipse,#c3d0c777 0,#98a6a133 35%,transparent 68%);transform:rotate(30deg);animation:drift-silver 19s ease-in-out infinite alternate}.ambient-fallback i:nth-child(2){width:36%;height:63%;left:58%;top:36%;background:radial-gradient(ellipse,#be805944,transparent 65%);animation:drift-copper 25s ease-in-out infinite alternate}.ambient-fallback i:nth-child(3){width:40%;height:65%;left:30%;top:24%;background:radial-gradient(ellipse,#697b7233,transparent 65%);animation:drift-silver 22s ease-in-out -8s infinite alternate}.ready .ambient-fallback{opacity:0}.field-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090d0ded 0%,#0b0e0e9c 34%,#0b0e0e0a 65%),linear-gradient(0deg,#0d1010bd,transparent 24%,transparent 82%,#0d101030);pointer-events:none}.field-grain{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.hero-frame{position:absolute;inset:30px 30px 31px;z-index:-1;pointer-events:none}.hero-frame>span{position:absolute;width:12px;height:12px;border-color:#8b938166;border-style:solid}.hero-frame>span:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.hero-frame>span:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.hero-frame>span:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.hero-frame>span:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.hero-top,.hero-bottom{margin-inline:var(--pad);display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-top{padding-top:35px}.hero-top>.eyebrow{color:#bac3bb;font-size:9px}.edition{font-size:9px;letter-spacing:2px;color:#959e96}.hero-content{flex:1;display:flex;align-items:center;position:relative;padding-top:34px;padding-bottom:40px}.hero-copy{max-width:650px}.hero-kicker{font-size:11px;letter-spacing:3px;color:#a6afa6;margin-bottom:27px}.hero h1{font-size:clamp(64px,7.2vw,116px);font-weight:450;line-height:1.25;letter-spacing:-.065em}.hero h1>span{color:#b3bcb5}.hero-intro{display:flex;gap:17px;margin-top:30px;align-items:stretch}.intro-line{width:1px;background:#67736b;flex-shrink:0;margin-block:6px}.hero-intro p{font-size:12px;line-height:1.95;color:#aeb7af;letter-spacing:.4px}.button-primary{display:inline-flex;align-items:center;gap:42px;border:1px solid #69736a;background:#b0baa808;color:#e0e5dc;padding:16px 21px;font-size:11px;margin-top:32px;transition:background .3s,border-color .3s}.button-primary:hover{background:#c49b731a;border-color:#c49b73}.button-primary>span{font-size:18px;line-height:1}.hero-side{position:absolute;right:var(--pad);bottom:16%;text-align:right;font:11px/1.7 var(--mono);letter-spacing:2px;color:#c2ccc0b3}.hero-bottom{height:76px;border-top:1px solid #64706455;flex-shrink:0}.hero-index{font:8px/1.6 var(--mono);letter-spacing:1px;color:#abb3a6}.hero-bottom p{font:8px/1.6 var(--mono);letter-spacing:1px;color:#8b958a}.hero-bottom p i{font-style:normal;margin-inline:11px;color:#737f70}.motion-paused .ambient-fallback i{animation-play-state:paused}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:11px;border-bottom:1px solid #687267;padding-bottom:9px}.text-link>span{font-size:16px}.text-link:hover{color:var(--accent);border-color:var(--accent)}
.about{padding-top:94px;padding-bottom:88px}.about>.section-top{padding-bottom:30px;border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%;padding-top:53px}.about h2{font-size:clamp(34px,3.8vw,58px);font-weight:450;line-height:1.5;letter-spacing:-1.5px}.about h2>span{color:#858f87}.about-copy{font-size:12px;line-height:2.05;color:var(--muted);max-width:500px;padding-top:7px}.about-copy p:first-child{color:#c8cfc7}.about-copy p+p{margin-top:18px}.expertise{display:grid;grid-template-columns:1fr 1fr;gap:13%;margin-top:81px}.expertise-label p{font-size:28px;font-weight:400;line-height:1.6;letter-spacing:-.7px;margin-top:19px}.expertise-label p>span{color:#858f87}.expertise-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:24px;cursor:pointer;padding:24px 0;font-size:16px}summary::-webkit-details-marker{display:none}.service-number{font:9px/1.4 var(--mono);color:#a0896c;align-self:start;padding-top:4px}.service-english{font:10px/1.4 var(--mono);display:block;color:var(--muted);margin-top:8px}.details-symbol{margin-left:auto;position:relative;width:12px;height:12px;flex-shrink:0}.details-symbol:before,.details-symbol:after{content:"";position:absolute;width:12px;height:1px;background:#9ba494;left:0;top:6px}.details-symbol:after{transform:rotate(90deg)}details[open]>summary .details-symbol:after{transform:none}.expertise details>p{font-size:11px;line-height:1.95;color:var(--muted);padding:0 25px 23px 38px;max-width:470px}.toolkit{display:flex;align-items:center;gap:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;margin-top:53px}.toolkit .eyebrow{font-size:9px;color:#a1ab9d}.toolkit p{font-size:11px;color:#9ca697}.toolkit i{font-style:normal;margin-inline:14px;color:#525e50}.journey{margin-top:10px}.journey>summary{font-size:11px;gap:50px;padding:23px 0}.journey>summary>.eyebrow{font-size:9px;color:var(--muted)}.experience{display:grid;grid-template-columns:1fr 1fr;gap:13%;padding-top:22px;padding-bottom:30px}.education{font-size:16px}.education>span{display:block;font-size:11px;color:var(--muted);margin-top:11px}.timeline-row{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.timeline-row:first-child{padding-top:0}.timeline-row:last-child{border-bottom:0}.timeline-row time{font:9px/1.6 var(--mono);color:var(--muted);padding-top:2px}.timeline-row h3{font-size:12px;font-weight:500}.timeline-row div>span{font-size:10px;display:block;color:var(--accent);margin-top:8px}.timeline-row p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:10px}.contact{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:39px 0 65px;background:#151918;position:relative}.contact:before{content:"";position:absolute;top:-1px;left:var(--pad);width:45px;height:2px;background:var(--accent)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:13%;margin-top:49px}.contact h2{font-size:clamp(42px,5.4vw,82px);font-weight:400;line-height:1.3;letter-spacing:-3px}.contact h2>span{color:var(--accent)}.contact-copy{padding-bottom:4px}.contact-copy p{font-size:11px;line-height:1.9;color:var(--muted)}.phone-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4c584c;padding:20px 0 13px;font:clamp(22px,2.6vw,37px)/1.3 var(--mono);letter-spacing:-1px}.phone-link:hover{color:var(--accent)}.phone-link>span{font-size:26px}.contact-copy button{background:none;padding:0;font-size:9px;color:var(--muted);margin-top:14px}.contact-copy button:hover{color:var(--ink)}.contact-copy button>span{margin-left:16px}.footer{display:flex;align-items:center;justify-content:space-between;padding-top:29px;padding-bottom:29px;font-size:8px;color:var(--muted);gap:24px}.footer-name{font-size:11px;color:#c6cec2}.footer-name>span{font:8px/1 var(--mono);margin-left:12px;letter-spacing:.6px}.footer>a:last-child{font-size:9px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#d4dbce;color:#141713;padding:13px 22px;font-size:11px;transition:.3s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
.work{padding-top:40px;padding-bottom:50px;min-height:calc(100svh - 172px)}.work .section-top{color:var(--muted)}.back-home{font-size:9px}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:60px 0 44px}.work-english{font:10px/1.5 var(--mono);letter-spacing:1.5px;color:var(--accent);margin-bottom:23px}.work h1{font-size:66px;font-weight:450;letter-spacing:-3px;line-height:1.25}.work h1>span{display:block;font-size:23px;font-weight:350;letter-spacing:-.7px;color:#7f8c7e;margin-top:10px}.work-heading>p{font-size:11px;line-height:1.9;color:var(--muted);padding-bottom:4px}.work-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:34px;gap:16px}.work-filters{display:flex;gap:30px}.work-filters button{position:relative;background:none;padding:20px 0;color:var(--muted);font-size:10px}.work-filters button[aria-pressed=true]{color:var(--ink)}.work-filters button[aria-pressed=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.work-filters sup{font-size:7px}#work-count{font:8px/1.5 var(--mono);color:var(--muted);letter-spacing:.6px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:53px 32px;align-items:start}.project-image{display:block;position:relative;aspect-ratio:1.25/1;overflow:hidden;background:#1c211d}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .5s;filter:saturate(.82)}.project-image:hover>img{transform:scale(var(--hover-scale));filter:saturate(1)}.project-card[data-subject=beverage] .project-image>img{object-position:62% center}.project-card:last-child .project-image>img{object-position:center 57%}.project-open{position:absolute;right:15px;top:15px;background:#121712b3;color:#e3e9dc;border:1px solid #ccd3c944;width:34px;height:34px;display:grid;place-items:center;font-size:20px;backdrop-filter:blur(8px)}.project-caption{display:flex;gap:15px;padding-top:18px;align-items:start}.project-number{font:9px/1.5 var(--mono);color:var(--accent);padding-top:2px}.project-caption h2{font-size:12px;font-weight:500;letter-spacing:.5px}.project-caption p{font-size:10px;color:var(--muted);margin-top:8px}.project-category{font-size:8px;color:var(--muted);margin-left:auto;white-space:nowrap;padding-top:3px}.work-end{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:32px;margin-top:60px}.work-end p{font-size:15px;color:#adb7a6}.work-end .text-link{font-size:10px}.work-page .footer{border-top:1px solid var(--line)}
dialog{border:0;color:var(--ink);padding:0}dialog::backdrop{background:#060909d9;backdrop-filter:blur(10px)}#project-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;background:var(--paper);overflow-y:auto;overscroll-behavior:contain}.project-dialog-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;height:72px;border-bottom:1px solid var(--line);background:#101212f2;backdrop-filter:blur(15px);padding:0 var(--pad)}.back-to-work{font-size:11px}.project-dialog-bar>span{font:9px/1.5 var(--mono);letter-spacing:1px;color:var(--muted)}.close-project{font-size:29px;background:none;padding:0 6px;line-height:1.3}.detail-header{padding-top:60px;padding-bottom:42px}.detail-header>.eyebrow{color:var(--accent)}.detail-header h2{font-size:clamp(32px,5vw,74px);font-weight:400;letter-spacing:-2px;margin:22px 0 20px;line-height:1.15}.detail-subtitle{font-size:17px;color:var(--muted);line-height:1.6}.detail-meta{display:flex;gap:65px;margin-top:37px;border-top:1px solid var(--line);padding-top:20px}.detail-meta>div>span{font:8px/1.5 var(--mono);letter-spacing:1px;color:var(--muted)}.detail-meta p{font-size:11px;line-height:1.8;margin-top:9px;color:#bbc6b5}.detail-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-bottom:35px;padding-top:12px}.detail-intro h3{font-size:27px;font-weight:400;line-height:1.5;letter-spacing:-.6px}.detail-intro p{font-size:12px;line-height:2;color:var(--muted)}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:64px}.gallery-item.wide{grid-column:1/-1}.gallery-item>button{display:block;width:100%;padding:0;background:#1b201c;overflow:hidden}.gallery-item img{width:100%;height:auto;transition:transform .9s var(--ease)}.gallery-item>button:hover img{transform:scale(var(--hover-scale))}.gallery-item figcaption{font-size:9px;color:var(--muted);padding-top:12px;display:flex;justify-content:space-between;gap:16px}.detail-next{padding-top:30px;padding-bottom:55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-next p{font:9px/1.5 var(--mono);letter-spacing:1px;color:var(--accent);margin-bottom:12px}.detail-next h3{font-size:27px;font-weight:400;letter-spacing:-.7px}.detail-next>span{font-size:40px}#lightbox{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;background:#070a09fa;color:white;overflow:hidden}#lightbox[open]{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:65px 28px 35px}#lightbox figure{min-width:0;max-width:calc(100% - 120px);text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#lightbox-image{max-width:100%;max-height:calc(100% - 36px);width:auto;height:auto;object-fit:contain}#lightbox-caption{font-size:10px;color:#b1bfaa;margin-top:16px;line-height:1.7}#lightbox>button{background:none;color:white;font-size:26px;padding:14px;flex-shrink:0}#lightbox>#close-lightbox{position:absolute;right:22px;top:14px;font-size:35px}
@keyframes drift-silver{0%{transform:translate(-6%,-8%) rotate(25deg) scale(.9);opacity:.5}50%{opacity:.95}100%{transform:translate(13%,20%) rotate(-13deg) scale(1.2);opacity:.75}}@keyframes drift-copper{0%{transform:translate(0,15%) scale(.7);opacity:.4}100%{transform:translate(-45%,-24%) scale(1.3);opacity:.8}}
@media(min-width:1650px){.hero-content{padding-block:65px}.hero-intro p{font-size:14px}.hero-kicker{font-size:12px}.button-primary{font-size:12px;padding:18px 25px}}
@media(max-width:1100px){.hero{min-height:710px}.hero-side{bottom:13%;font-size:9px}.hero h1{font-size:8.6vw}.hero-copy{max-width:570px}.about-grid,.expertise,.experience,.contact-grid{gap:8%}.toolkit{gap:25px}.toolkit i{margin-inline:9px}.timeline-row{grid-template-columns:1fr;gap:10px}.project-caption{gap:12px}.project-category{display:none}.hero-bottom p{font-size:7px;letter-spacing:.3px}.hero-bottom p i{margin-inline:6px}.header nav{gap:27px}.detail-meta{gap:35px}}
@media(max-width:700px){:root{--pad:23px}.header{height:78px}.monogram{font-size:35px}.wordmark{gap:12px}.name{padding-left:12px;font-size:12px;letter-spacing:1px}.name>span{font-size:6px;letter-spacing:1px}.header nav{gap:19px;font-size:10px}.header nav>a:first-child,.nav-about{display:none}.nav-contact{gap:10px;padding-left:17px}.nav-contact>span{font-size:16px}.header nav>a[aria-current]:after{bottom:-29px}.hero{height:calc(100svh - 78px);min-height:670px;max-height:950px}.hero-frame{inset:18px 12px 20px}.hero-frame>span{width:8px;height:8px}.hero-top{padding-top:26px;gap:10px}.hero-top>.eyebrow{font-size:7px;letter-spacing:.6px}.edition{font-size:7px;letter-spacing:.7px}.hero-content{padding-top:30px;padding-bottom:55px;align-items:center}.hero-kicker{font-size:10px;letter-spacing:2px;margin-bottom:22px}.hero h1{font-size:clamp(58px,14.5vw,90px);letter-spacing:-4px;line-height:1.26}.hero-intro{margin-top:26px;gap:14px}.hero-intro p{font-size:11px;line-height:1.9}.button-primary{margin-top:28px;padding:14px 17px;font-size:10px;gap:33px}.hero-side{bottom:20px;font-size:7px;letter-spacing:1.4px;line-height:1.7}.hero-bottom{height:64px;gap:12px}.hero-index{font-size:7px;letter-spacing:.6px}.hero-bottom p{display:none}.field-shade{background:linear-gradient(90deg,#0b0e0eb5,#0b0e0e66 55%,#0b0e0e11),linear-gradient(0deg,#0d1010bb,transparent 50%)}.section-top .eyebrow{font-size:8px;letter-spacing:.6px}.small-note{font-size:8px;letter-spacing:.3px}.about{padding-top:62px;padding-bottom:55px}.about>.section-top{padding-bottom:23px}.about-grid{grid-template-columns:1fr;gap:29px;padding-top:31px}.about h2{font-size:35px;line-height:1.5;letter-spacing:-1px}.about-copy{font-size:12px;padding:0;line-height:1.95;max-width:none}.about-copy p+p{margin-top:16px}.expertise{grid-template-columns:1fr;gap:26px;margin-top:50px}.expertise-label p{font-size:25px;margin-top:15px}.expertise-label p br{display:none}.expertise-label p>span{margin-left:10px}summary{font-size:16px;padding-block:21px;gap:22px}.expertise details>p{font-size:11px;padding-left:33px}.toolkit{display:block;padding:22px 0;margin-top:33px}.toolkit p{font-size:10px;line-height:2;margin-top:11px}.toolkit i{margin-inline:7px}.journey>summary{gap:20px;font-size:10px;flex-wrap:wrap}.journey>summary>.eyebrow{font-size:8px}.experience{grid-template-columns:1fr;gap:25px;padding-top:4px}.education{font-size:14px}.education>span{font-size:10px}.timeline-row{grid-template-columns:110px 1fr;gap:14px;padding-block:20px}.timeline-row time{font-size:8px}.timeline-row h3{font-size:11px}.timeline-row div>span{font-size:9px}.contact{padding:30px 0 40px}.contact .small-note{display:none}.contact-grid{grid-template-columns:1fr;gap:32px;margin-top:31px}.contact h2{font-size:52px;letter-spacing:-2px}.contact-copy p{font-size:11px}.phone-link{font-size:26px;padding-top:20px}.contact-copy button{font-size:10px}.footer{flex-wrap:wrap;padding-block:24px;gap:17px}.footer-name{font-size:10px}.footer-name>span{font-size:7px;margin-left:8px}.footer>span{order:3;flex-basis:100%;font-size:8px}.footer>a:last-child{margin-left:auto;font-size:9px}.work{padding-top:28px;padding-bottom:33px}.work>.section-top .eyebrow{font-size:7px}.back-home{font-size:8px}.work-heading{display:block;padding:40px 0 29px}.work-english{font-size:9px;margin-bottom:18px}.work h1{font-size:47px;letter-spacing:-2px}.work h1>span{font-size:21px;margin-top:6px}.work-heading>p{margin-top:24px;font-size:11px}.work-toolbar{margin-bottom:25px}.work-filters{gap:22px}.work-filters button{font-size:9px;padding-block:18px}.work-filters sup{font-size:6px;margin-left:3px}#work-count{font-size:7px;letter-spacing:0}.project-grid{grid-template-columns:1fr;gap:32px}.project-image{aspect-ratio:1.2/1}.project-card[data-subject=beverage] .project-image{aspect-ratio:1.35/1}.project-caption{padding-top:15px}.project-caption h2{font-size:11px}.project-caption p{font-size:10px;margin-top:7px}.project-number{font-size:8px}.project-open{width:30px;height:30px;font-size:18px;right:12px;top:12px}.work-end{margin-top:35px;padding-top:25px}.work-end p{font-size:12px}.work-end .text-link{font-size:10px;gap:17px}.project-dialog-bar{height:62px}.project-dialog-bar>span{font-size:8px}.back-to-work{font-size:10px}.detail-header{padding-top:34px;padding-bottom:28px}.detail-header h2{font-size:36px;letter-spacing:-1.5px;margin:20px 0 15px;overflow-wrap:anywhere}.detail-subtitle{font-size:14px}.detail-meta{gap:24px;margin-top:27px;flex-wrap:wrap}.detail-meta p{font-size:10px}.detail-intro{grid-template-columns:1fr;gap:17px}.detail-intro h3{font-size:23px}.detail-intro p{font-size:11px}.detail-gallery{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.gallery-item.wide{grid-column:auto}.gallery-item figcaption{font-size:8px;line-height:1.6}.detail-next h3{font-size:22px}.detail-next>span{font-size:30px}#lightbox[open]{padding:65px 6px 30px;gap:0}#lightbox figure{max-width:calc(100% - 64px)}#lightbox>button{font-size:19px;padding:7px}#lightbox-caption{font-size:9px}.toast{max-width:calc(100% - 24px);font-size:10px;text-align:center}}
@media(max-width:370px){:root{--pad:20px}.header nav{gap:14px}.name>span{font-size:5px}.hero-top .edition{display:none}.hero h1{font-size:59px}.hero{min-height:640px}.hero-side{font-size:6px}.toolkit p{max-width:260px}.journey>summary{gap:14px}.journey>summary>.eyebrow{font-size:7px}.work-filters{gap:16px}.work-filters button{font-size:8px}.phone-link{font-size:23px}}
.service-static{border-bottom:1px solid var(--line)}.service-heading{display:flex;align-items:center;gap:24px;padding:24px 0;font-size:16px;font-weight:400}.service-static>p{font-size:11px;line-height:1.95;color:var(--muted);padding:0 25px 23px 38px;max-width:470px}.journey{border-bottom:1px solid var(--line)}.journey-heading{display:flex;align-items:center;gap:50px;padding:23px 0}.journey-heading>.eyebrow{font-size:9px;color:var(--muted)}.journey-heading h3{font-size:11px;font-weight:400}.work-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:min(66%,660px)}.work-filters button{padding:22px 24px;text-align:left;border-right:1px solid var(--line)}.work-filters button:first-child{padding-left:0}.work-filters button:last-child{border-right:0}.work-filters button[aria-pressed=true]:after{right:24px}.work-filters button:not([aria-pressed=true]):hover{color:var(--ink)}.work-empty{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);text-align:center;padding:50px 24px}.work-empty>.eyebrow{color:var(--accent);font-size:9px;letter-spacing:2px}.work-empty h2{font-size:31px;font-weight:400;letter-spacing:-1px;margin-top:20px}.work-empty p{font-size:12px;color:var(--muted);margin-top:17px}.work-toolbar{flex-wrap:wrap}
@media(max-width:700px){.service-heading{gap:22px;padding-block:21px}.service-static>p{padding-left:33px}.journey-heading{gap:20px;flex-wrap:wrap}.journey-heading>.eyebrow{font-size:8px}.journey-heading h3{font-size:10px}.work-toolbar{display:block}.work-filters{width:100%}.work-filters button{padding:20px 14px;font-size:10px}.work-filters button[aria-pressed=true]:after{right:14px}.work-filters sup{font-size:7px}#work-count{display:block;border-top:1px solid var(--line);padding:13px 0;font-size:8px}.work-empty{min-height:330px}.work-empty h2{font-size:27px}.work-empty p{font-size:11px}}
@media(max-width:370px){.journey-heading{gap:14px}.journey-heading>.eyebrow{font-size:7px}.work-filters button{padding-inline:12px;font-size:9px}.work-filters sup{margin-left:2px}}
.video-card .project-image{aspect-ratio:16/9}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid #d9e1d6a6;border-radius:var(--radius-full);display:grid;place-items:center;background:#10171288;backdrop-filter:blur(8px);font-size:17px;padding-left:3px;transition:background .3s,border-color .3s}.project-image:hover .video-play{background:#66513ab3;border-color:var(--accent)}.video-duration{position:absolute;right:16px;bottom:14px;font:9px/1.5 var(--mono);letter-spacing:1px;background:#101712bb;padding:5px 8px;color:#e2e8dc}.detail-video{margin-bottom:54px}.detail-video video{display:block;width:100%;height:auto;max-height:78svh;object-fit:contain;background:#050808;border:1px solid var(--line)}.detail-video figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);line-height:1.7;margin-top:13px}.detail-video figcaption>span:last-child{white-space:nowrap}
@media(max-width:700px){.video-play{width:46px;height:46px;font-size:14px}.video-duration{right:12px;bottom:11px;font-size:8px}.detail-video{margin-bottom:35px}.detail-video figcaption{font-size:8px;gap:12px}.video-card .project-caption h2{font-size:11px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{position:sticky;top:0;background:#111615b8;border-bottom-color:#b8c5b21c;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%);box-shadow:0 10px 36px #0003,inset 0 1px #e6eddf05}
.button-primary{background:linear-gradient(135deg,#cad4bb14,#1a211c52);box-shadow:0 12px 28px #0004,inset 0 1px #e2ecd91a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.about{position:relative}.about-copy{max-width:none;padding:28px 30px;border:1px solid #c9d8c31c;border-radius:var(--radius-control);background:linear-gradient(135deg,#c9d8c30a,#131a167a);box-shadow:0 22px 55px #0003,inset 0 1px #f0f7e80a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.expertise-list{border:1px solid #c9d8c31c;border-radius:var(--radius-control);padding:0 25px;background:linear-gradient(140deg,#b6c8ad09,#10171366);box-shadow:0 20px 48px #0002,inset 0 1px #f0f7e808;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.service-static:last-child{border-bottom:0}
.experience{border:1px solid #c9d8c31a;border-radius:var(--radius-control);background:linear-gradient(140deg,#b6c8ad09,#10171355);box-shadow:0 20px 48px #0002,inset 0 1px #f0f7e808;padding:30px;margin-bottom:25px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.contact{background:radial-gradient(ellipse at 14% 100%,#59604b1c,transparent 65%),linear-gradient(145deg,#19201c,#111715);box-shadow:inset 0 1px #e1edda08,0 -18px 50px #0002}.contact-copy{padding:25px 28px;border:1px solid #c7d6bd1c;border-radius:var(--radius-control);background:#b5c4a907;box-shadow:0 20px 45px #0004,inset 0 1px #e5eedc0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.work-page{background:radial-gradient(ellipse at 80% 18%,#3e4b3f24,transparent 50%),var(--paper)}.work-toolbar{background:#bbcbb206;border:1px solid #c6d4bc1c;border-radius:var(--radius-control);padding:0 22px;box-shadow:0 14px 40px #0003,inset 0 1px #eef4e509;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.work-filters button[aria-pressed=true]:after{bottom:0}
.carousel-shell{position:relative;margin-top:-12px}.project-grid{--card-size:min(66%,860px);--slide-gap:30px;position:relative;display:flex;gap:var(--slide-gap);align-items:stretch;overflow-x:auto;overflow-y:hidden;padding:22px 0 45px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y;scroll-behavior:auto}.project-grid::-webkit-scrollbar{display:none}.project-grid:after{content:"";flex:0 0 calc(100% - var(--card-size) - var(--slide-gap))}.project-grid:focus-visible{outline-offset:3px;border-radius:var(--radius-card)}
.project-grid .project-card{flex:0 0 var(--card-size);min-width:0;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #d1dfc429;border-radius:var(--radius-card);padding:9px;background:linear-gradient(140deg,#d0ddc813,#222c219c 56%,#151c16e8);box-shadow:0 24px 38px -15px #0009,0 4px 12px #0003,inset 0 1px #f3f9ec14;opacity:.64;transform:scale(.975);transform-origin:left center;transition:transform .55s var(--ease),opacity .55s,border-color .35s;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.project-grid .project-card.is-active{opacity:1;transform:scale(1);border-color:#cad8bd45}.project-grid .project-card:hover{border-color:var(--hover-highlight)}.project-grid .project-image{aspect-ratio:1.45/1;border-radius:var(--radius-caption);box-shadow:0 8px 22px #0004}.project-grid .video-card .project-image{aspect-ratio:16/9}.project-grid .project-caption{padding:23px 15px 18px;gap:18px}.project-grid .project-caption h2{font-size:14px;letter-spacing:.6px}.project-grid .project-caption p{font-size:11px;margin-top:10px}.project-grid .project-category{font-size:9px}.project-grid .project-image:focus-visible{outline-offset:-5px}.project-grid img{user-select:none;-webkit-user-drag:none}.project-grid.is-dragging{scroll-snap-type:none;cursor:grabbing}.project-grid.is-dragging *{cursor:grabbing;user-select:none}.project-grid.is-dragging .project-image:hover>img{transform:none}
.carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #b5c8aa20;padding-top:21px}.carousel-footer>p{font-size:10px;letter-spacing:.5px;color:var(--muted)}.carousel-footer>p>span:first-child{margin-right:10px;color:var(--accent);font-size:15px}.carousel-navigation{display:flex;align-items:center;gap:12px}#slide-counter{font:11px/1.5 var(--mono);letter-spacing:1px;color:#b7c2ae;margin-right:18px}.carousel-navigation button{width:43px;height:43px;border:1px solid #b8c9ac38;border-radius:var(--radius-full);background:linear-gradient(140deg,#c8d6bd14,#19221a99);box-shadow:0 7px 15px #0004,inset 0 1px #d7e4cc14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:19px;transition:border-color .2s,background .2s}.carousel-navigation button:hover:not(:disabled){border-color:var(--accent);background:#67513a55}.carousel-navigation button:disabled{opacity:.27}.work-end{margin-top:42px}.project-dialog-bar{box-shadow:0 10px 35px #0005;background:#111815b8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.detail-video video{box-shadow:0 22px 65px #0007;border-radius:var(--radius-control)}.gallery-item>button{border-radius:var(--radius-caption);box-shadow:0 20px 42px #0004}
@media(max-width:1100px){.project-grid{--card-size:78%;--slide-gap:24px}.project-grid .project-caption h2{font-size:13px}.project-grid .project-category{display:none}.about-copy{padding:25px}.experience{padding:25px}.contact-copy{padding:24px}}
@media(max-width:700px){.header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.about-copy{padding:23px 21px}.expertise-list{padding-inline:19px}.expertise{gap:25px}.experience{padding:23px 19px;gap:28px}.contact-copy{padding:23px 21px}.work-toolbar{padding:0 16px;border-radius:var(--radius-caption)}.carousel-shell{margin-top:-9px}.project-grid{--card-size:88%;--slide-gap:18px;padding-top:18px;padding-bottom:32px}.project-grid .project-card{border-radius:var(--radius-card);padding:6px;opacity:.74;transform:scale(.98)}.project-grid .project-card.is-active{opacity:1;transform:scale(1)}.project-grid .project-image{aspect-ratio:1.15/1;border-radius:var(--radius-sm)}.project-grid .video-card .project-image{aspect-ratio:16/9}.project-grid .project-caption{padding:18px 10px 14px;gap:10px}.project-grid .project-caption h2,.video-card .project-caption h2{font-size:11px;line-height:1.5;letter-spacing:.2px}.project-grid .project-caption p{font-size:10px;line-height:1.7;margin-top:7px}.project-grid .project-number{font-size:8px}.carousel-footer{gap:10px;padding-top:17px}.carousel-footer>p{font-size:8px;letter-spacing:0}.carousel-footer>p>span:first-child{margin-right:5px;font-size:12px}.carousel-navigation{gap:8px}.carousel-navigation button{width:36px;height:36px;font-size:17px}#slide-counter{font-size:9px;letter-spacing:.5px;margin-right:4px}.work-end{margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hero:not(.motion-enabled) .ambient-fallback i{animation:none!important}}

/* Shared hover treatment: warm edge light and lifted panels without layout shifts. */
:root{--hover-scale:1.055;--hover-highlight:var(--accent);--hover-glow:rgba(var(--accent-rgb),.35);--hover-glow-soft:rgba(var(--accent-rgb),.18);--hover-duration:.45s;--hover-lift:-6px}
#about .about-copy,#about .expertise-list,#about .experience,#work .work-toolbar,#contact .contact-copy{
  position:relative;
  transform:translateY(0);
  transition:transform var(--hover-duration) var(--ease),
    border-color var(--hover-duration) var(--ease),
    box-shadow var(--hover-duration) var(--ease);
}
#about .about-copy>p,
#about .service-static>.service-heading,
#about .service-static>p,
#about .timeline-row>time,
#about .timeline-row>div,
#work .work-filters .filter-label,
#contact .contact-copy>p,
#contact .phone-link>span{
  transform:scale(1);
  transform-origin:center center;
  transition:transform var(--hover-duration) var(--ease);
}
#work .work-filters .filter-label{display:inline-block}
#contact .phone-link>.phone-number{font-size:inherit}
@media(hover:hover) and (pointer:fine){
  #about .about-copy:hover,#about .expertise-list:hover,#about .experience:hover,#work .work-toolbar:hover,#contact .contact-copy:hover{
    z-index:1;
    transform:translateY(var(--hover-lift));
    border-color:var(--hover-highlight);
    box-shadow:
      0 32px 64px -18px #000c,
      0 12px 24px -8px #0008,
      0 0 14px -3px var(--hover-glow),
      0 0 46px -8px var(--hover-glow-soft),
      inset 0 1px 0 rgba(var(--accent-rgb),.28);
  }
  #about .about-copy:hover>p,
  #about .service-static:hover>.service-heading,
  #about .service-static:hover>p,
  #about .timeline-row:hover>time,
  #about .timeline-row:hover>div,
  #work .work-filters button:hover .filter-label,
  #contact .contact-copy>p:hover,
  #contact .phone-link:hover>span{transform:scale(var(--hover-scale))}
}
@media(prefers-reduced-motion:reduce){
  #about .about-copy:hover,#about .expertise-list:hover,#about .experience:hover,#work .work-toolbar:hover,#contact .contact-copy:hover{transform:none}
}