
:root{--red:#f04449;--dark:#0d0d0f;--panel:#1a1a1e;--line:#39353a;--muted:#c8c5c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:white;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ff7377;outline-offset:4px}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{position:sticky;top:0;z-index:20;background:#0d0d0ff5;border-bottom:1px solid #383239}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:clamp(16px,2vw,22px);letter-spacing:-.055em}.brand img{width:55px;height:55px;object-fit:contain}.brand b,.accent{color:var(--red)}.links{display:flex;align-items:center;gap:19px;font-size:14px;font-weight:750}.links a:hover,.footer a:hover{color:#ff7377}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;background:#e62d35;border:1px solid #ff565d;border-radius:9px;color:white;font-weight:800;line-height:1.35}.button:hover{background:#b91f29}.button.secondary{background:transparent;border-color:#aaa}.menu{display:none;background:#232226;color:#fff;border:1px solid #777;border-radius:9px;padding:10px 14px;font:inherit}.hero{background:radial-gradient(ellipse at 72% 40%,#501216,#151115 54%,#0d0d0f 82%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:36px;min-height:620px;padding-top:45px;padding-bottom:55px}.eyebrow{font-size:12px;color:#ff777b;letter-spacing:.18em;font-weight:900;text-transform:uppercase}.hero h1{font-size:clamp(43px,5vw,75px);letter-spacing:-.055em;line-height:1.08;margin:20px 0}.lead{font-size:clamp(17px,2vw,21px);color:#ded9dd;max-width:660px}.hero-img{width:100%;border-radius:20px;box-shadow:0 15px 75px #af121e44}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust{display:flex;flex-wrap:wrap;gap:17px;margin-top:26px;color:#ded9dd;font-size:13px}.section{padding:75px 0}.light{background:#f5f4f3;color:#17171a}.light .muted{color:#626167}.section h2{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.045em;margin:10px 0 15px}.muted{color:#c8c5c9;max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.card{display:flex;flex-direction:column;min-height:230px;padding:26px;border:1px solid #454046;background:#1b1b1f;border-radius:15px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#f04449}.card h3{font-size:23px;line-height:1.25;margin:15px 0 10px}.card p{color:#cbc7ca;margin:0 0 23px}.card .more{margin-top:auto;color:#ff777b;font-weight:800}.light .card{background:white;border-color:#d8d6d7;color:#17171a}.light .card p{color:#5f5d63}.pill{display:inline-block;font-size:11px;color:#ff8689;letter-spacing:.1em;text-transform:uppercase;font-weight:900}.light .pill{color:#b7222b}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.project{background:white;color:#151515;border:1px solid #dedede;border-radius:15px;overflow:hidden}.project img{width:100%;height:205px;object-fit:cover;background:#111}.project .body{padding:21px}.project h3{margin:7px 0;font-size:22px}.project p{color:#5d5d64;margin:0 0 13px}.project .pill{color:#b7222b}.band{background:linear-gradient(120deg,#9c0e18,#ef353d);padding:56px 0}.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.band h2{font-size:clamp(30px,3.5vw,43px);line-height:1.15;margin:10px 0}.band .button{background:#151515;border-color:#151515}.footer{padding:45px 0;color:#c8c5c9;border-top:1px solid #383239}.footer .wrap{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer a{margin-right:15px}.detail{max-width:820px}.detail p{font-size:19px;color:#d5d0d4}.detail h2{font-size:29px;margin-top:40px}.detail li{margin:12px 0;color:#ddd}.notice{padding:15px 20px;background:#292025;border-left:4px solid #f04449;border-radius:6px;color:#e7e2e5}.mini{font-size:14px;color:#b9b5b8}.feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.feature img{width:100%;border-radius:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.step{padding:22px;background:#202025;border-radius:12px;border:1px solid #454047}.step b{color:#ff777b}.breadcrumbs{font-size:14px;color:#c9c3c6;padding:25px 0}.breadcrumbs a{text-decoration:underline}.simpleform{display:grid;gap:15px;max-width:680px;margin-top:25px}.simpleform label{display:grid;gap:6px;font-weight:700}.simpleform input,.simpleform textarea,.simpleform select{width:100%;background:#222227;border:1px solid #69646b;border-radius:9px;color:white;padding:13px;font:inherit}.simpleform textarea{min-height:130px}.simpleform button{cursor:pointer}.footnote{font-size:13px;color:#b9b3b7}@media(max-width:940px){.links{display:none;position:absolute;top:81px;left:0;right:0;background:#17171a;padding:24px;flex-direction:column;align-items:stretch}.links.open{display:flex}.menu{display:block}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-img{max-height:390px;object-fit:cover}.cards,.projects{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{padding:0 17px}.nav{min-height:75px}.brand img{width:45px;height:45px}.links{top:75px}.hero-grid{padding-top:40px}.hero h1{font-size:clamp(40px,10vw,56px)}.cards,.projects,.steps,.feature{grid-template-columns:1fr}.section{padding:52px 0}.band .wrap{display:block}.band .button{margin-top:20px}.project img{height:210px}}

/* V13: original shield identity, cinematic office photography, clickable content */
:root{--red:#f4313b;--dark:#0b0b0d;--panel:#171719}body{background:#0b0b0d}.top{background:#09090bed;backdrop-filter:blur(16px)}.brand{letter-spacing:-.035em}.brand img{width:64px;height:64px;filter:drop-shadow(0 0 11px #f4313b55)}.hero{position:relative;background:#09090b;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09090bf7 0%,#09090bdb 37%,#09090b75 69%,#09090b9c 100%),url('/assets/images/hero-office-v13.webp') center 42%/cover no-repeat;z-index:-1}.hero-grid{min-height:670px;grid-template-columns:minmax(0,700px) 1fr}.hero-grid>div{position:relative;z-index:1}.hero h1{font-size:clamp(45px,5.5vw,78px);max-width:760px;text-shadow:0 3px 22px #000a}.hero .lead{max-width:650px;color:#f2eded;text-shadow:0 2px 12px #000}.hero-img{display:none}.hero .eyebrow{color:#ff9c9e}.hero .button{box-shadow:0 12px 35px #f4313b30}.cards .card{position:relative;overflow:hidden;min-height:265px;background:linear-gradient(140deg,#222126,#121214);border-color:#4b393b}.cards .card:before{content:'';position:absolute;right:-55px;top:-70px;width:185px;height:185px;border-radius:50%;background:radial-gradient(circle,#c21d2850,transparent 70%);pointer-events:none}.card:focus-visible,.project:focus-visible{outline:3px solid #ff666b;outline-offset:4px}.card:hover,.project:hover{transform:translateY(-4px);box-shadow:0 16px 38px #0005}.card,.project{transition:transform .2s,box-shadow .2s,border-color .2s}.light .cards .card{background:#fff;border-color:#e4dfe0}.light .cards .card:before{background:radial-gradient(circle,#f4313b17,transparent 70%)}.detail-visual{width:100%;max-height:440px;object-fit:cover;border-radius:18px;border:1px solid #51383b;margin:25px 0 18px}.visual-note{font-size:12px;color:#bdb4b7}.visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0}.visual-tile{min-height:180px;display:flex;align-items:end;border-radius:14px;padding:16px;background-size:cover;background-position:center;position:relative;overflow:hidden;border:1px solid #504247;font-weight:800}.visual-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09090bed,transparent 85%)}.visual-tile span{z-index:1}.visual-tile:hover{border-color:var(--red)}.nav .button{white-space:nowrap}.links a{white-space:nowrap}@media(max-width:940px){.hero-grid{min-height:570px;display:block;padding-top:100px;padding-bottom:85px}.hero:before{background:linear-gradient(90deg,#09090be9,#09090b9c),url('/assets/images/hero-office-v13.webp') center/cover}.visual-grid{grid-template-columns:repeat(2,1fr)}.links.open{max-height:calc(100dvh - 75px);overflow-y:auto}}@media(max-width:600px){.hero-grid{padding-top:72px;padding-bottom:85px}.hero h1{font-size:clamp(42px,11vw,58px)}.hero .lead{font-size:18px}.visual-grid{grid-template-columns:1fr 1fr}.visual-tile{min-height:140px}.actions .button{width:100%}.brand img{width:52px;height:52px}}
