@font-face{font-family:"Urbanist";src:url("../assets/fonts/Urbanist-Thin.otf") format("opentype");font-style:normal;font-weight:100;font-display:swap}@font-face{font-family:"Urbanist";src:url("../assets/fonts/Urbanist-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
:root{--black:#111;--orange:#d64129;--cream:#f6ede6}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:"Urbanist",Arial,sans-serif;font-weight:100;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.portfolio-header{position:fixed;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 4.5vw;border-bottom:1px solid transparent;transition:height .35s cubic-bezier(.22,1,.36,1),background .35s ease,border-color .35s ease}.portfolio-header.is-solid{height:48px;background:rgba(17,17,17,.92);border-color:rgba(246,237,230,.14);backdrop-filter:blur(12px)}.portfolio-brand{width:68px;transition:width .35s cubic-bezier(.22,1,.36,1)}.portfolio-header.is-solid .portfolio-brand{width:42px}.portfolio-brand img{display:block;width:100%}.portfolio-back{font-size:10px;letter-spacing:.15em;text-transform:uppercase;transition:color .2s ease}.portfolio-back:hover{color:var(--orange)}.portfolio-language{justify-self:end;display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.13em}.portfolio-language button{border:0;padding:4px 0;background:none;opacity:.52;cursor:pointer}.portfolio-language button.is-active,.portfolio-language button:hover{color:var(--orange);opacity:1}.portfolio-language span{color:rgba(246,237,230,.4)}
.brand-hero{display:flex;align-items:flex-end;min-height:82svh;padding:0 max(4.5vw,calc((100vw - 1440px)/2));background:radial-gradient(circle at 83% 22%,rgba(247,168,19,.28),transparent 22%),radial-gradient(circle at 72% 76%,rgba(106,142,194,.26),transparent 28%),linear-gradient(135deg,#272b2b,#111 66%)}.hero-content{width:min(1180px,100%);padding:clamp(132px,18vh,220px) 0 7vh}.portfolio-mark{margin:0;color:var(--orange);font-size:10px;letter-spacing:.16em;text-transform:uppercase}h1,h2,strong{font-family:"Urbanist",Arial,sans-serif;font-weight:700}h1{max-width:12ch;margin:26px 0 0;font-size:clamp(64px,10vw,172px);line-height:1.06;letter-spacing:-.02em}h1 em,h2 em{color:var(--orange);font-style:normal}.hero-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:clamp(58px,10vh,126px)}.hero-footer p{width:min(31rem,64vw);margin:0;font-size:clamp(15px,1.35vw,19px);line-height:1.48}.scroll-cue{display:flex;gap:28px;min-width:152px;padding:12px 0;border-bottom:1px solid var(--cream);font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:color .2s,border-color .2s}.scroll-cue:hover{color:var(--orange);border-color:var(--orange)}.scroll-cue b{font-size:17px;font-weight:100}
.logo-archive{padding:clamp(112px,16vw,228px) max(4.5vw,calc((100vw - 1440px)/2));background:var(--cream);color:var(--black)}.archive-heading{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr);gap:4vw;max-width:1250px;margin:0 auto clamp(70px,10vw,130px)}.archive-heading .portfolio-mark{padding-top:10px}.archive-heading>div{max-width:760px}.archive-heading h2{margin:0;font-size:clamp(54px,7.6vw,130px);line-height:1.06;letter-spacing:-.02em}.archive-heading>div>p{max-width:33rem;margin:38px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.48;color:#51453e}.logo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(54px,9vw,126px) clamp(28px,4vw,70px);max-width:1400px;margin:0 auto}.logo-sheet{min-width:0;margin:0}.logo-sheet img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 18px 42px rgba(17,17,17,.12)}.logo-sheet figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(17,17,17,.28)}.logo-sheet figcaption span{color:var(--orange);font-size:10px;letter-spacing:.14em}.logo-sheet figcaption strong{font-size:clamp(22px,2.35vw,36px);line-height:1.06;letter-spacing:-.02em}
.portfolio-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;min-height:40svh;padding:clamp(44px,8vw,110px) 4.5vw 28px;background:var(--black);color:var(--cream)}.portfolio-footer>a{font:700 clamp(33px,5vw,78px)/1.06 "Urbanist",Arial,sans-serif;letter-spacing:-.02em}.portfolio-footer>a:hover{color:var(--orange)}.portfolio-footer a span{color:var(--orange);font-size:.55em}.portfolio-footer p{margin:0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,237,230,.65)}
@media(max-width:850px){.portfolio-header{height:70px;padding:0 6vw;grid-template-columns:1fr auto 1fr}.portfolio-header.is-solid{height:46px}.portfolio-brand{width:58px}.portfolio-header.is-solid .portfolio-brand{width:42px}.portfolio-back{justify-self:center;font-size:9px}.portfolio-language{font-size:9px}.brand-hero{min-height:74svh;padding:0 6vw}.hero-content{padding-top:120px;padding-bottom:5.5svh}h1{font-size:clamp(55px,14.2vw,92px)}.hero-footer{margin-top:auto;padding-top:60px}.hero-footer p{font-size:15px}.scroll-cue{min-width:auto;gap:12px}.scroll-cue span{display:none}.logo-archive{padding:100px 6vw}.archive-heading{grid-template-columns:1fr;gap:20px;margin-bottom:56px}.archive-heading .portfolio-mark{padding-top:0}.archive-heading h2{font-size:clamp(48px,12.4vw,82px)}.archive-heading>div>p{margin-top:28px;font-size:16px}.logo-gallery{grid-template-columns:1fr;gap:60px}.logo-sheet figcaption{margin-top:12px;padding-top:11px}.logo-sheet figcaption strong{font-size:clamp(25px,7vw,36px)}.portfolio-footer{min-height:34svh;padding:54px 6vw 24px;flex-direction:column;align-items:flex-start}.portfolio-footer p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-header{transition:none}}