@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.0i4j_a8lim1a-.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.300rpl789hft0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--background:#111;--surface:#181818;--text:#f3efe7;--muted:#9a958c;--accent:#c66a32;--border:#2b2a28;--heading:"Bricolage Grotesque Variable", sans-serif;--body:"DM Sans Variable", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--background);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}::selection{color:var(--text);background:#754020}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button,input,textarea{color:inherit}button{border:0}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:550;line-height:1.15}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.container{width:min(1280px,100% - 112px);margin-inline:auto}.muted{color:var(--muted)}.accent{color:var(--accent)}.skip-link{z-index:20;background:var(--text);color:var(--background);padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{z-index:10;border-bottom:1px solid var(--border);background:#111111f7;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:77px;display:flex}.wordmark{font-family:var(--heading);letter-spacing:-.9px;align-items:center;gap:9px;font-size:24px;font-weight:650;display:inline-flex}.wordmark-dot{color:var(--accent);margin-left:-9px}nav{align-items:center;gap:34px;font-size:13px;font-weight:500;display:flex}nav>a{transition:color .2s}nav>a:hover{color:var(--accent)}nav .nav-cta{color:#e8a27b;border:1px solid #794322;border-radius:3px;align-items:center;gap:18px;padding:9px 14px;display:flex}.nav-cta:hover{background:#221a16}.hero{text-align:center;padding-top:64px;padding-bottom:48px}.hero h1{letter-spacing:-3.8px;font-size:clamp(48px,5.8vw,84px);font-weight:550;line-height:1.04}.hero-angle{color:var(--accent)}.hero-action{margin-top:32px}.button{background:var(--accent);color:#111;border-radius:3px;justify-content:space-between;align-items:center;gap:36px;padding:15px 22px;font-size:14px;font-weight:650;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#db8149;transform:translateY(-1px)}.button:active{transform:translateY(0)}.angle-grid,.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.thumbnail{background:var(--surface);aspect-ratio:16/9;text-align:left;outline-offset:5px;isolation:isolate;border-radius:4px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.thumbnail>img{object-fit:contain;width:100%;height:100%;transition:filter .25s}.thumbnail:hover>img{filter:brightness(1.06)}.thumbnail:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #f3efe71a;position:absolute;inset:0}.enlarge-icon{color:#fff;opacity:0;background:#111d;border:1px solid #fff3;border-radius:3px;place-items:center;width:29px;height:29px;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:10px;right:10px;transform:translateY(3px)}.thumbnail:hover .enlarge-icon,.thumbnail:focus-visible .enlarge-icon{opacity:1;transform:none}.section{border-top:1px solid var(--border);padding-top:44px;padding-bottom:44px}.case-heading{margin:0 0 28px}.case-heading h2{letter-spacing:-1.15px;max-width:590px;font-size:34px}.angle{grid-template-rows:auto auto auto 1fr auto;align-content:start;display:grid}.angle h3{letter-spacing:-.6px;margin-top:18px;font-size:23px}.packaging-idea{color:#c4beb4;margin-top:10px;padding-right:8px;font-size:16px;line-height:1.6}.click-question{border-top:1px solid var(--border);color:var(--text);align-items:baseline;gap:10px;margin-top:19px;padding-top:14px;font-size:16px;line-height:1.6;display:flex}.question-mark{color:var(--accent);font-size:17px}.featured{padding-bottom:51px}.case-study+.case-study{padding-top:68px}.selected .case-heading{margin-bottom:24px}.selected .case-heading h2{font-size:29px}.selected .angle h3{margin-top:15px;font-size:21px}.selected .packaging-idea{margin-top:8px}.selected .click-question{margin-top:15px;padding-top:12px}.process{padding-top:45px;padding-bottom:52px}.process-heading{margin:0 0 30px}.process-heading h2{letter-spacing:-1.2px;font-size:37px}.steps{grid-template-columns:repeat(3,1fr);display:grid}.step{border:1px solid var(--border);border-right:0;padding:24px 27px 23px}.step:last-child{border-right:1px solid var(--border)}.step-highlight{border-top-color:var(--accent);background:#1d1916}.step-top{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:23px;font-size:11px;display:flex}.step-highlight .step-top,.step-highlight h3{color:var(--accent)}.step h3{letter-spacing:-.45px;max-width:275px;min-height:49px;font-size:21px}.step>p{color:#c1baaf;margin-top:13px;font-size:13px}.step>.step-detail{color:var(--muted);white-space:pre-line;margin-top:7px}.gallery-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin:24px 0 27px;display:flex}.gallery-heading h2{letter-spacing:-1.25px;font-size:39px}.gallery-heading p{color:var(--muted);font-size:13px}.gallery-grid{gap:20px 24px}.gallery{padding-bottom:52px}.contact{padding-top:45px;padding-bottom:63px}.contact-layout{grid-template-columns:.95fr 1.05fr;gap:90px;display:grid}.contact-intro h2{letter-spacing:-2px;font-size:clamp(48px,4.5vw,66px);line-height:1.05}.contact-intro>p{color:#b7afa4;max-width:340px;margin-top:23px;font-size:15px;line-height:1.7}.contact-arrow{color:var(--accent);margin:24px 0 0 220px}.contact-form{flex-direction:column;gap:18px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{min-width:0}.field label{color:#d3cdc2;align-items:center;gap:5px;margin-bottom:8px;font-size:12px;display:flex}.field label>span:not(.optional){color:var(--accent);font-size:12px}.optional{color:var(--muted);margin-left:auto;font-size:10px}input,textarea{background:var(--surface);border:1px solid #36332f;border-radius:3px;width:100%;padding:12px 13px;font-size:13px;transition:border-color .2s}input{min-height:46px}textarea{resize:vertical;min-height:100px;display:block}input::placeholder,textarea::placeholder{color:#858076;opacity:1}input:focus,textarea:focus{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:0}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#e89980}.field-error,.form-message{color:#eda98c;margin-top:6px;font-size:12px}.form-message{border-left:2px solid var(--accent);margin:0;padding:4px 0 4px 12px}.submit-button{width:100%;min-height:49px;padding:14px 17px}.submit-button:disabled{opacity:.65;transform:none}.form-success{border-top:1px solid var(--accent);border-bottom:1px solid var(--border);min-height:300px;font-family:var(--heading);letter-spacing:-.5px;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;font-size:26px;line-height:1.4;display:flex}.success-check{border:1px solid var(--accent);width:44px;height:44px;color:var(--accent);border-radius:50%;place-items:center;font-size:22px;display:grid}.site-footer{border-top:1px solid var(--border);align-items:center;gap:25px;padding-block:25px;display:flex}.site-footer .wordmark{gap:6px;font-size:18px}.site-footer .wordmark svg{width:21px}.site-footer .wordmark-dot{margin-left:-6px}.site-footer>span{color:var(--muted);margin-left:auto;font-size:11px}.back-top{border:1px solid var(--border);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.back-top svg{width:14px}.lightbox{color:var(--text);background:0 0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:30px;overflow:auto}.lightbox[open]{justify-content:center;align-items:center;display:flex}.lightbox::backdrop{background:#050505f0}.lightbox-content{width:min(1400px,90vw,177.7dvh - 239.895px)}.lightbox-bar{color:#d1c8ba;justify-content:space-between;align-items:center;gap:25px;margin-bottom:12px;font-size:12px;display:flex}.lightbox-close{background:#222;border-radius:50%;place-items:center;width:38px;height:38px;margin-left:auto;display:grid}.lightbox-close:hover{background:#39312b}.lightbox-content>img{border-radius:4px;width:100%;height:auto}@media (min-width:681px){nav{font-size:14px}.button{font-size:16px}.section{padding-block:48px}.featured{padding-bottom:56px}.process,.gallery{padding-block:52px 56px}.contact{padding-block:52px 64px}.step-top{font-family:var(--heading);font-size:23px;font-weight:550;line-height:1.15}.step h3{min-height:53px;font-size:23px}.step>p{font-size:16px;line-height:1.6}.gallery-heading{margin-top:0}.gallery-heading p{font-size:16px}.contact-intro>p{font-size:17px}.field label{font-size:16px}.field label>span:not(.optional),.optional{font-size:14px}input,textarea{font-size:16px}.field-error,.form-message,.lightbox-bar{font-size:14px}.site-footer>span{font-size:12px}}@media (min-width:1600px){.hero{padding-top:72px}}@media (max-width:1150px){.container{width:calc(100% - 72px)}.hero h1{letter-spacing:-2.2px}.angle-grid,.gallery-grid{gap:18px}.case-heading h2{font-size:30px}.angle h3{font-size:21px}.selected .angle h3{font-size:19px}.step{padding-inline:20px}.contact-layout{gap:50px}}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.angle h3,.selected .angle h3{font-size:19px}.gallery-heading{flex-direction:column;align-items:flex-start;gap:12px}.process-heading h2{font-size:32px}.contact-layout{gap:30px}.form-row{grid-template-columns:1fr}.contact-arrow{margin-left:110px}}@media (max-width:680px){.container{width:calc(100% - 36px)}.header-inner{height:65px}.wordmark{font-size:21px}nav{gap:12px}nav>a:not(.nav-cta){display:none}nav .nav-cta{gap:10px;padding:8px 10px}.hero{padding-block:35px}.hero h1{letter-spacing:-1.6px;font-size:clamp(36px,8.8vw,54px);line-height:1.12}.desktop-break{display:none}.angle-grid,.gallery-grid,.steps,.contact-layout{grid-template-columns:1fr;gap:25px}.section{padding-block:30px}.case-study+.case-study{padding-top:46px}.case-heading h2,.selected .case-heading h2{font-size:29px}.angle h3,.selected .angle h3{font-size:23px}.steps{gap:0}.step{border-right:1px solid var(--border)}.step h3{min-height:0}.step-top{margin-bottom:16px}.gallery-heading h2{font-size:33px}.contact-intro h2{font-size:49px}.contact-arrow{display:none}.contact-layout{gap:30px}.site-footer{gap:12px}.site-footer>span{font-size:10px}.lightbox{padding:14px}.lightbox-content{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}