:root{--ink:#18352f;--muted:#52665f;--line:#dce5df;--accent:#a34c21;--paper:#f7f9f5;--font:Arial,"Helvetica Neue",Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--font)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #a34c21;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(38px,5.8vw,80px)}h2{font-size:clamp(27px,3vw,42px)}h3{font-size:22px}p{color:var(--muted);margin-top:18px}header{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:90px;padding:16px max(24px,calc((100vw - 1260px)/2));background:#fafcf9ee;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.logo{width:230px;flex-shrink:0}.logo img{width:100%;height:58px;object-fit:contain}nav{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:600}nav a:hover{color:var(--accent)}.home-link{border:1px solid var(--line);border-radius:50px;padding:8px 15px}main{max-width:1320px;margin:auto;padding:24px}.panel{position:relative;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4.3vw,58px);margin-bottom:20px;background:linear-gradient(135deg,#fff,#f2f6f3);overflow:hidden}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;background:radial-gradient(ellipse at 90% 10%,#efd9c4aa,transparent 55%),linear-gradient(130deg,#fff,#edf3ec)}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:17px;color:#64776d}.lead{font-size:clamp(20px,2vw,27px);line-height:1.35;color:var(--ink);font-weight:500}.hero-copy>p:not(.lead){max-width:470px}.hero-art img{width:100%;aspect-ratio:1.5;object-fit:contain;border-radius:14px;box-shadow:0 16px 35px #18352f14;background:white}.hero-art figcaption{font-size:11px;text-align:right;margin-top:14px;letter-spacing:.08em;text-transform:uppercase}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 21px;border-radius:8px;background:var(--ink);color:white;font-size:13px;font-weight:600;transition:background .25s,transform .25s}.button:hover{background:#a34c21;transform:translateY(-2px)}.button.secondary{background:#ffffffa8;color:var(--ink);border:1px solid #becfc2}.hero-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #18352f22;padding-top:24px;gap:20px;margin-top:5px}.hero-facts span{font-size:12px;color:var(--muted)}.hero-facts b{display:block;font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.02em}.two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:start}.founder{border-left:2px solid #dbbb95;padding:8px 0 8px 30px}.founder h3{font-size:28px}.category-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.category-nav a{border-bottom:2px solid #b8c8ba;padding:16px 0;font-size:13px;font-weight:600;transition:background .25s}.category-nav a:hover{background:#e9eeef}.atl{background:linear-gradient(130deg,#fffaf5,#f8eade66)}.ttl{background:linear-gradient(130deg,#fafdff,#e4effa77)}.btl{background:linear-gradient(130deg,#fbfff9,#e7f3de88)}.production{background:linear-gradient(130deg,#fefbff,#ede3f177)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading h2{max-width:750px}.section-heading>p{font-size:12px;margin-top:0;text-align:right;min-width:120px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{display:flex;flex-direction:column;background:#ffffffb8;border:1px solid #18352f15;border-radius:14px;overflow:hidden;transition:transform .3s,background .3s,box-shadow .3s}.service-card:hover{transform:translateY(-5px);background:#fff;box-shadow:0 12px 24px #18352f10}.card-image{background:#fff;border-bottom:1px solid #18352f10}.card-image img{width:100%;aspect-ratio:2;object-fit:contain}.card-copy{padding:23px;display:flex;flex-direction:column;flex:1}.card-copy .eyebrow{font-size:9px;margin-bottom:12px}.card-copy h3{font-size:21px}.card-copy p{font-size:14px;line-height:1.6}.text-link{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.025em;color:var(--accent);margin-top:20px}.card-copy .text-link{margin-top:auto;padding-top:22px}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}.work-card{border-top:1px solid #18352f25;padding:25px 15px 15px 0}.work-card p{font-size:14px}.portfolio{background:radial-gradient(at 100% 100%,#dcefe588,transparent 65%),#fff}.video{aspect-ratio:16/9;border-radius:15px;background:#e8eee9;overflow:hidden}.video iframe{width:100%;height:100%;border:0}.series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0}.series-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.series-card>img{width:100%;aspect-ratio:2;object-fit:contain}.series-card>div{padding:23px}.series-card p{font-size:14px}.steps{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps li{border-top:1px solid #becac0;padding:20px 12px 20px 0;font-size:14px;font-weight:600}.steps span{display:block;font-size:11px;color:var(--accent);margin-bottom:12px}.solutions img{width:100%;border-radius:16px}.contact{background:radial-gradient(ellipse at 100% 0,#edd5bd99,transparent 65%),#f3f6ef}.contact p{max-width:650px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:40px}.detail-grid h1{font-size:clamp(34px,4.7vw,62px)}.detail-grid .button{margin-top:24px}.detail-image{width:100%;border:1px solid var(--line);border-radius:14px;background:white;object-fit:contain}.reading{padding-right:clamp(24px,15vw,220px)}.reading p{font-size:17px}.update{margin-top:35px;border-top:1px solid var(--line);padding-top:30px}.update h2{font-size:25px}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.related a{padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:14px}.related a:hover{background:#e7ede4}footer{max-width:1272px;margin:30px auto 0;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;padding:35px 26px;color:#586b61;font-size:12px}footer p{margin-top:7px}footer a:hover{text-decoration:underline}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding:25px 0;margin-top:5px;font-size:11px}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.panel.is-active{box-shadow:0 0 0 2px #b9cdb577}.service-card:active,.category-nav a:active{background:#e9dccd}.reveal{animation:rise .6s ease both}@keyframes rise{from{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){nav{gap:14px}.service-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:25px}.category-nav{grid-template-columns:repeat(2,1fr)}.two-col{gap:28px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){header{position:relative;flex-direction:column;align-items:flex-start;padding:18px 20px;gap:15px}.logo{width:215px}nav{width:100%;flex-wrap:wrap;gap:12px 20px;font-size:12px}.home-link{padding:4px 12px}main{padding:14px}.panel{border-radius:18px;padding:26px 22px}.hero,.two-col,.detail-grid{grid-template-columns:1fr}.hero{gap:30px}.hero h1{font-size:48px}.hero-art{margin-top:0}.hero-facts{gap:10px}.hero-facts b{font-size:18px}.hero-facts span{font-size:10px}.founder{padding-left:20px;margin-top:10px}.service-grid,.work-grid,.series-grid{grid-template-columns:1fr}.section-heading>p{display:none}.card-image img{aspect-ratio:2}.card-copy{padding:23px}.steps{gap:12px}.steps li{font-size:12px}.reading p{font-size:16px}.related{grid-template-columns:1fr}.detail-grid{gap:28px;margin-top:30px}footer{grid-template-columns:1fr;gap:22px;padding:22px}.copyright{grid-column:1}.category-nav a{font-size:12px}.actions .button{font-size:12px}.hero-art img{box-shadow:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}