*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0b;color:#fff;font-family:Arial,Helvetica,sans-serif}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:rgba(10,10,10,.94);border-bottom:1px solid #333}.logo{border:2px solid #fff;padding:10px 9px;font-weight:900}.nav nav{display:flex;gap:22px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.portrait-hero{max-height:92vh;overflow:hidden;background:#000}.portrait-hero img{width:100%;max-height:92vh;object-fit:cover;object-position:center 34%}.hero{padding:72px clamp(24px,5vw,80px) 84px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin:24px 0 8px;font-size:clamp(72px,12vw,180px);line-height:.79;letter-spacing:-.07em}.hero h1 span{display:block}.rotate{margin-top:32px;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(34px,4vw,62px);line-height:1.1}.lead{max-width:900px;margin:42px 0 24px;font-size:clamp(20px,2.2vw,34px);line-height:1.25;font-weight:700}.facts{display:flex;flex-wrap:wrap;gap:10px}.facts b{border:1px solid #fff;padding:12px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ticker{overflow:hidden;background:#ffe500;color:#000;padding:16px 0;font-size:22px;font-weight:900;white-space:nowrap}.ticker span{display:block;animation:move 18s linear infinite}@keyframes move{from{transform:translateX(0)}to{transform:translateX(-35%)}}.work-head{background:#f3efe6;color:#000;padding:80px clamp(24px,5vw,80px)}.work-head h2{font-size:clamp(76px,13vw,190px);line-height:.8;letter-spacing:-.065em;margin:22px 0}.work-head p:last-child{font-size:20px;line-height:1.45;max-width:700px}.dark{background:#0a0a0a;color:#fff}.light{background:#f3efe6;color:#000}.yellow{background:#ffe500;color:#000}.red{background:#e52519;color:#fff}.blue{background:#0d568f;color:#fff}.case{padding:84px clamp(24px,5vw,80px)}.case-head{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;align-items:start;margin-bottom:50px}.num{font-size:86px;line-height:.8;font-weight:900;letter-spacing:-.06em}.cat{font-size:13px;letter-spacing:.16em;font-weight:800;margin:0 0 18px}.case h3{font-size:clamp(46px,7vw,110px);line-height:.93;letter-spacing:-.055em;margin:0 0 28px;overflow-wrap:anywhere}.desc{font-size:clamp(18px,2vw,26px);line-height:1.4;max-width:900px;margin:0}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.gallery figure{margin:0;grid-column:span 6;background:#111;overflow:hidden}.gallery figure:nth-child(3n){grid-column:span 12}.gallery img{height:100%;max-height:900px;object-fit:contain;background:rgba(255,255,255,.03)}.light .gallery figure,.yellow .gallery figure{background:#fff}.about{padding:90px clamp(24px,5vw,80px);background:#0a0a0a}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about h2{font-size:clamp(56px,8vw,120px);line-height:.85;letter-spacing:-.06em;margin:28px 0}.about p,.about li{font-size:20px;line-height:1.5}.about ul{padding-left:20px}.contact{padding:100px clamp(24px,5vw,80px);background:#ffe500;color:#000}.contact h2{font-size:clamp(90px,16vw,220px);line-height:.76;letter-spacing:-.07em;margin:30px 0}.work-head .eyebrow,.contact .eyebrow{color:#000}
@media(max-width:760px){.nav{padding:12px 16px}.nav nav{gap:12px;font-size:10px}.nav nav a:nth-child(2){display:none}.portrait-hero{max-height:none}.portrait-hero img{max-height:none;object-fit:contain}.hero{padding:44px 24px 56px}.hero h1{font-size:clamp(54px,17vw,76px);line-height:1;letter-spacing:-.045em}.hero h1 span+span{margin-top:.05em}.rotate{font-size:34px;margin-top:22px}.lead{font-size:22px;margin-top:32px}.work-head{padding:58px 24px}.work-head h2{font-size:70px;line-height:.9}.case{padding:58px 24px}.case-head{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.num{font-size:64px}.case h3{font-size:clamp(38px,11vw,52px);line-height:1.05;letter-spacing:-.035em;overflow-wrap:break-word}.desc{font-size:18px}.gallery{grid-template-columns:1fr;gap:12px}.gallery figure,.gallery figure:nth-child(3n){grid-column:1}.gallery img{max-height:none;height:auto;object-fit:contain}.about{padding:64px 24px}.about-grid{grid-template-columns:1fr;gap:18px}.about h2{font-size:56px;line-height:.95}.about p,.about li{font-size:17px}.contact{padding:70px 24px}.contact h2{font-size:88px;line-height:.88}.ticker{font-size:18px}}
@media(max-width:380px){.hero h1{font-size:52px}.case h3{font-size:36px}.about h2{font-size:48px}.contact h2{font-size:74px}}