:root {
  --paper:#0d141e; --ink:#efeee8; --muted:#a3aeb9;
  --line:rgb(221 232 243 / 10%); --accent:#9ad0df; --width:1160px;
  font-family:"M PLUS Rounded 1c",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink); background:var(--paper); font-synthesis:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:radial-gradient(ellipse 950px 620px at 85% 0%,rgb(40 107 131 / 9%),transparent 75%),radial-gradient(ellipse 780px 680px at 0% 68%,rgb(36 98 127 / 6%),transparent 80%)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:5px}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:2px}
img{display:block;max-width:100%}
p,h1,h2,h3{margin:0}
p{line-height:1.65}
.container{width:min(var(--width),calc(100% - 96px));margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:20px;z-index:10;padding:12px 18px;background:var(--ink);color:var(--paper)}
.skip-link:focus{top:12px}
.site-header{background:#0a111a;color:#fff}
.header-inner{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;flex-direction:column;width:132px;flex-shrink:0;align-items:center}
.brand img{width:128px;height:67px;object-fit:contain}
.brand span{font-size:9px;letter-spacing:.22em;margin-top:-2px;margin-bottom:12px}
.brand:hover{text-decoration:none}
.site-header nav{display:flex;gap:33px;align-items:center}
.site-header nav a{font-size:14px;min-height:44px;display:flex;align-items:center;color:#eff1f3}
.site-header nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}
.mobile-nav{display:none}
.eyebrow{font-size:11px;letter-spacing:.12em;line-height:1.5;font-weight:600;text-transform:uppercase;color:var(--muted)}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-inner{position:relative;padding-block:48px 42px}
.hero-copy{position:relative;z-index:1;width:330px}
.hero h1 img{width:330px;height:auto}
.hero-tagline{text-align:center;font-size:12px;letter-spacing:.28em;margin-top:10px}
.hero-arches{position:absolute;right:-200px;top:-145px;width:710px;height:600px;pointer-events:none}
.hero-arches i{position:absolute;inset:0;border:1px solid rgb(141 181 206 / 12%);border-bottom:0;border-radius:360px 360px 0 0}
.hero-arches i+i{inset:44px 44px 0;border-radius:310px 310px 0 0}
h1{font-size:clamp(44px,5.4vw,76px);font-weight:500;line-height:1.05;letter-spacing:-.055em}
h1,h2,h3{font-family:"Days One",sans-serif;font-weight:400}
h2{font-size:43px;letter-spacing:-.045em;line-height:1.15}
.project-section{padding-block:74px 78px;border-bottom:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:start;margin-bottom:34px}
.section-description{font-size:15px;color:var(--muted);margin-top:12px;max-width:620px;line-height:1.6}
.text-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:16px;white-space:nowrap;color:var(--muted)}
.text-link span{color:var(--accent)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px}
.project-card{min-width:0;display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:start}
.project-image{width:76px;aspect-ratio:1;overflow:hidden;background:#eceef0}
.project-image img{width:100%;height:100%}
.project-image img.cover{object-fit:cover}
.project-image img.contain{object-fit:contain;padding:9px}
.placeholder{display:flex;align-items:center;justify-content:center;background:#edf0f2}
.lettermark{font-family:"Days One",sans-serif;font-size:34px;font-weight:400;letter-spacing:-.09em;line-height:1;color:#445e6c}
.project-copy .project-title{font-family:"Days One",sans-serif;font-size:18px;font-weight:400;letter-spacing:-.025em;line-height:1.3}
.project-title a{display:flex;align-items:start;justify-content:space-between;gap:12px}
.card-arrow{font-size:16px;color:var(--accent);font-weight:400}
.project-description{font-size:14px;color:#b6bec6;margin-top:8px;max-width:360px;line-height:1.6}
.project-meta{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.6}
.project-action,.project-note{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;margin-top:4px}
.project-action span{color:var(--accent)}
.project-note{color:var(--muted)}
.category-tools{position:relative;overflow:hidden}
.category-tools::before{content:"";position:absolute;width:550px;height:540px;left:-440px;top:-105px;border:1px solid rgb(141 181 206 / 10%);border-bottom:0;border-radius:280px 280px 0 0;pointer-events:none}
.category-tools .container{position:relative}
.category-tools .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}
.category-tools .project-card{grid-template-columns:88px minmax(0,1fr);gap:22px}
.category-tools .project-image{width:88px;background:#dbe7ed}
.project-pumpumts .project-image{background:#f0f0ed}
.project-smalllog .project-image{background:#f2f2f2}
.project-hearthiness .project-image{background:#eeede8}
.about-section{padding-block:60px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.people{margin:0}
.people>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;padding-block:14px;border-bottom:1px solid var(--line)}
.people>div:first-child{padding-top:0}
.people>div:last-child{border-bottom:0}
dt{font-size:14px;font-weight:550;line-height:1.6}
dd{margin:0;font-size:13px;color:var(--muted);line-height:1.6}
.collaboration{padding-block:60px}
.collaboration-inner{display:flex;align-items:center;justify-content:space-between;gap:70px}
.collaboration .eyebrow{margin-bottom:12px}
.collaboration h2{font-size:32px}
.collaboration p:not(.eyebrow){font-size:14px;max-width:650px;color:var(--muted);margin-top:16px}
.contact-link{flex-shrink:0;font-size:20px;font-weight:500;padding-block:14px;line-height:1.7}
.contact-link>span:first-child{color:var(--accent);margin-left:36px}
.contact-address{display:block;color:var(--muted);font-weight:400;font-size:13px}
.site-footer{background:#0a111a;color:#fff;padding-block:32px 24px}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px}
.footer-top nav{display:flex;flex-wrap:wrap;gap:24px}
.footer-top nav a,.footer-email{font-size:12px;min-height:44px;display:inline-flex;align-items:center}
.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:20px;color:var(--muted);font-size:11px}
.footer-bottom small{font-size:11px}
.footer-bottom a{min-height:44px;display:flex;align-items:start;gap:8px}
.category-intro{padding-block:68px 44px}
.category-intro .eyebrow{color:var(--accent);margin-bottom:20px}
.category-intro p:last-child{font-size:16px;color:var(--muted);margin-top:25px;max-width:620px}
.category-intro+.project-section{border-top:1px solid var(--line)}
.product-links{padding:0;list-style:none;margin:8px 0 0;display:flex;gap:0 18px;flex-wrap:wrap}
.product-links a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--accent)}
@media(max-width:1100px){
  .container{width:calc(100% - 72px)}
  .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-arches{right:-270px}
  .about-grid{gap:42px}
  .people>div{grid-template-columns:1fr;gap:3px}
  .footer-top{gap:24px}
  .footer-top nav{gap:16px}
}
@media(max-width:800px){
  .container{width:calc(100% - 48px)}
  .site-header nav{gap:23px}
  .project-section{padding-block:58px 62px}
  .hero-inner{padding-block:38px 34px}
  .hero-copy,.hero h1 img{width:280px}
  .hero-arches{right:-320px;top:-160px}
  .category-tools .project-grid{grid-template-columns:1fr}
  .footer-top{flex-wrap:wrap}
  .footer-email{margin-left:auto}
  .collaboration-inner{gap:28px}
}
@media(max-width:600px){
  .container{width:calc(100% - 40px)}
  .header-inner{min-height:96px}
  .brand{width:112px}
  .brand img{width:108px;height:57px}
  .brand span{font-size:8px;margin-bottom:10px}
  .desktop-nav{display:none}
  .mobile-nav{display:block;position:relative}
  .mobile-nav summary{cursor:pointer;list-style:none;display:flex;gap:25px;align-items:center;min-height:48px;font-size:14px}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .mobile-nav summary span{font-size:22px}
  .mobile-nav[open] summary span{transform:rotate(45deg)}
  .mobile-nav nav{position:absolute;right:-4px;top:57px;z-index:5;width:210px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 20px;background:#0a111a;border:1px solid var(--line)}
  .mobile-nav nav a{min-height:48px}
  .hero-inner{padding-block:34px 30px}
  .hero-copy,.hero h1 img{width:242px}
  .hero-tagline{font-size:10px;margin-top:8px}
  .hero-arches{width:460px;height:430px;top:-95px;right:-305px}
  h1{font-size:44px}
  h2{font-size:35px}
  .project-section{padding-block:44px 50px}
  .section-heading{gap:12px;margin-bottom:28px}
  .section-description{font-size:14px;margin-top:11px}
  .text-link{font-size:11px;gap:8px}
  .project-grid{grid-template-columns:1fr;gap:28px}
  .project-card,.category-tools .project-card{grid-template-columns:76px minmax(0,1fr);gap:18px}
  .project-image,.category-tools .project-image{width:76px;height:76px;min-height:76px;aspect-ratio:auto;flex:none}
  .project-title a{min-height:44px}
  .project-description{font-size:14px;margin-top:5px}
  .project-meta{margin-top:10px}
  .about-section{padding-block:42px}
  .about-grid{grid-template-columns:1fr;gap:26px}
  .people>div{grid-template-columns:1fr;gap:5px;padding-block:12px}
  .collaboration-inner{display:block}
  .contact-link{display:inline-block;margin-top:18px}
  .footer-top{align-items:start;gap:17px}
  .footer-top nav{gap:0 17px;max-width:210px;justify-content:end;margin-left:auto}
  .footer-top nav a{font-size:11px}
  .footer-email{margin-left:0;width:100%}
  .footer-bottom{margin-top:12px}
  .category-intro{padding-block:48px 36px}
  .category-intro p:last-child{font-size:15px}
}
@media(max-width:360px){
  .project-card,.category-tools .project-card{grid-template-columns:64px minmax(0,1fr);gap:14px}
  .project-image,.category-tools .project-image{width:64px;height:64px;min-height:64px;aspect-ratio:auto;flex:none}
  .hero-copy,.hero h1 img{width:220px}
  .footer-top nav{max-width:150px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}