:root { --ink:#18251f; --paper:#f4f1e9; --accent:#de4b2d; --line:#cfc9bd; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; } a { color:inherit; }
.site-header,main,footer { max-width:1160px; margin:auto; padding-left:32px; padding-right:32px; }.site-header { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.brand { font:500 21px "DM Mono",monospace; text-decoration:none; letter-spacing:-1px; }.brand span { color:var(--accent); } nav { display:flex; gap:23px; } nav a,.socials a { font-size:14px; text-decoration:none; } nav a:hover,.socials a:hover { color:var(--accent); }
.hero-layout { display:grid; grid-template-columns:1fr 245px; gap:48px; align-items:end; }.profile-frame { display:grid; aspect-ratio:1; place-items:center; border:1px solid var(--line); background:linear-gradient(135deg,#d9dfd3,#bfcbbf); color:#536158; text-align:center; }.profile-frame span { font:11px/1.6 "DM Mono",monospace; letter-spacing:.1em; }.portfolio-skills .skills-grid { grid-template-columns:repeat(2,1fr); }.portfolio-skills .skills-grid article > span { display:block; margin-bottom:32px; color:var(--accent); font:11px "DM Mono",monospace; letter-spacing:.08em; }.portfolio-skills .skills-grid article { min-height:230px; }
.portfolio-home { background:#f1efe8; }.portfolio-home .site-header { max-width:1280px; }.portfolio-home main,.portfolio-home footer { max-width:1280px; }.profile-hero { display:grid; grid-template-columns:1fr .82fr; gap:8vw; align-items:end; min-height:calc(100vh - 88px); padding:90px 0 72px; border-bottom:1px solid var(--line); }.profile-copy { padding-bottom:22px; }.profile-hero h1 { margin:0 0 26px; font-size:clamp(74px,10vw,144px); }.profile-hero h1 em,.identity-content h2 em,.journey-heading h2 em,.projects-heading h2 em,.contact-home h2 em { font-family:Georgia,serif; font-weight:400; color:var(--accent); }.profile-intro { max-width:560px; margin:0; color:#39463e; font-size:clamp(18px,1.7vw,23px); line-height:1.55; }.profile-links { display:flex; gap:26px; margin-top:45px; }.profile-links a { border-bottom:1px solid var(--ink); padding-bottom:5px; color:var(--ink); font:12px "DM Mono",monospace; text-decoration:none; }.profile-links a span { color:var(--accent); }.profile-portrait { margin:0; overflow:hidden; background:#bdc9c0; }.profile-portrait img { display:block; width:100%; aspect-ratio:.8; object-fit:cover; object-position:48% 42%; mix-blend-mode:multiply; }.profile-portrait figcaption { display:flex; justify-content:space-between; gap:8px; padding:12px 14px; color:#314039; font:10px "DM Mono",monospace; }.identity-band,.journey-section,.capabilities-section,.projects-showcase { border-bottom:1px solid var(--line); }.identity-band { display:grid; grid-template-columns:25% 1fr; padding:124px 0; }.identity-content { max-width:720px; }.identity-content h2,.journey-heading h2,.projects-heading h2 { margin:0 0 27px; font-size:clamp(42px,5.3vw,76px); letter-spacing:-.07em; line-height:1.02; }.identity-content > p { max-width:590px; color:#445248; font-size:18px; line-height:1.8; }.focus-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:34px; }.focus-tags span { padding:8px 10px; border:1px solid #aeb7aa; border-radius:99px; color:#425046; font:11px "DM Mono",monospace; }.journey-section { display:grid; grid-template-columns:31% 1fr; gap:8%; padding:124px 0; }.journey-heading > p:last-child { max-width:285px; color:#526158; font-size:15px; line-height:1.7; }.journey-content { display:grid; gap:48px; }.study-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.study-grid article { display:flex; min-height:170px; flex-direction:column; justify-content:space-between; padding:21px; background:#d7e1d4; }.study-grid article + article { background:#e6ddd0; }.study-grid span,.timeline span { color:#6a786d; font:11px "DM Mono",monospace; letter-spacing:.08em; }.study-grid strong { margin:20px 0; font-size:24px; letter-spacing:-.045em; line-height:1.04; }.study-grid small,.timeline small { color:#657269; font-size:13px; }.timeline { border-top:1px solid var(--line); }.timeline article { display:grid; grid-template-columns:110px 1fr; gap:24px; padding:26px 0; border-bottom:1px solid var(--line); }.timeline article > p { margin:3px 0 0; color:var(--accent); font:11px "DM Mono",monospace; }.timeline h3 { margin:12px 0 4px; font-size:26px; letter-spacing:-.05em; }.timeline div > p { max-width:540px; margin:16px 0 0; color:#536158; font-size:15px; line-height:1.65; }.timeline-draft { opacity:.66; }.capabilities-section { display:grid; grid-template-columns:25% 1fr; padding:124px 0; }.capability-list { border-top:1px solid var(--line); }.capability-list article { display:grid; grid-template-columns:70px 1fr; gap:24px; padding:23px 0; border-bottom:1px solid var(--line); }.capability-list article > span { color:var(--accent); font:11px "DM Mono",monospace; }.capability-list h3 { margin:0 0 8px; font-size:29px; letter-spacing:-.05em; }.capability-list p { max-width:500px; margin:0; color:#536158; line-height:1.7; }.projects-showcase { display:grid; grid-template-columns:35% 1fr; gap:5%; padding:124px 0; }.projects-heading h2 { margin-bottom:0; }.projects-showcase .projects { gap:12px; }.projects-showcase .project { min-height:260px; }.project small { display:block; max-width:400px; color:#536158; font-size:14px; line-height:1.5; }.project-muted { background:#dedbd1; color:#6e756e; }.contact-home { padding:130px 0; }.contact-home h2 { margin:0 0 33px; font-size:clamp(58px,7.7vw,110px); letter-spacing:-.075em; line-height:.96; }.contact-email { border-bottom:2px solid var(--accent); padding-bottom:8px; font-size:clamp(18px,2vw,27px); text-decoration:none; }.contact-email span { color:var(--accent); }.contact-home .socials { margin-top:44px; }
.hero { min-height:650px; padding:138px 0 90px; border-bottom:1px solid var(--line); }.eyebrow,.section-number { margin:0 0 22px; color:var(--accent); font:500 12px "DM Mono",monospace; letter-spacing:.08em; } h1,h2,h3,p { margin-top:0; } h1 { max-width:820px; margin-bottom:28px; font-size:clamp(51px,8vw,102px); letter-spacing:-.075em; line-height:1.02; font-weight:600; } h1 em { font-family:Georgia,serif; font-weight:400; }.intro { max-width:510px; margin:0 0 34px; font-size:17px; line-height:1.9; color:#3e4b44; }.button { display:inline-flex; gap:24px; padding:13px 18px; background:var(--ink); color:white; text-decoration:none; font-size:14px; }.button:hover { background:var(--accent); }
.section { display:grid; grid-template-columns:25% 1fr; padding:108px 0; border-bottom:1px solid var(--line); }.section h2 { margin-bottom:22px; font-size:clamp(31px,4vw,52px); letter-spacing:-.06em; }.about div > p { max-width:620px; font-size:18px; line-height:1.9; }.about div > p + p { margin-top:17px; }.skills-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.skills-grid article { min-height:185px; padding:24px; border:1px solid var(--line); }.skills-grid h3,.timeline-item h3 { margin-bottom:9px; font-size:23px; letter-spacing:-.04em; }.skills-grid p { color:#506058; font-size:15px; line-height:1.7; }
.timeline-item { display:grid; grid-template-columns:150px 1fr; gap:20px; padding:0 0 34px; margin-bottom:34px; border-bottom:1px solid var(--line); }.timeline-item:last-child { padding-bottom:0; margin-bottom:0; border:0; }.timeline-date { margin:4px 0 0; color:var(--accent); font:12px "DM Mono",monospace; }.timeline-place { margin-bottom:13px; color:#506058; font-size:15px; }.timeline-item div > p:last-child { max-width:570px; line-height:1.75; }
.projects { display:grid; gap:16px; }.project { min-height:205px; padding:22px 26px; display:grid; grid-template-columns:50px 1fr auto; align-items:end; text-decoration:none; transition:transform .2s; }.project:hover { transform:translateY(-4px); }.project-one { background:#d7ded1; }.project-two { background:#e8c9a9; }.project-three { background:#c4d7d6; }.project-index,.arrow { align-self:start; font:500 12px "DM Mono",monospace; }.arrow { font-size:25px; }.project p { margin-bottom:5px; font-size:14px; }.project h3 { margin:0; font-size:clamp(27px,3vw,42px); letter-spacing:-.055em; }
.contact { padding:118px 0 100px; }.contact h2 { margin-bottom:46px; font-size:clamp(44px,6vw,78px); letter-spacing:-.07em; line-height:1.08; }.contact h2 a { text-decoration-color:var(--accent); text-decoration-thickness:3px; text-underline-offset:9px; }.contact h2 a:hover { color:var(--accent); }.socials { display:flex; gap:30px; }.socials a { border-bottom:1px solid var(--ink); padding-bottom:4px; } footer { padding-top:26px; padding-bottom:32px; display:flex; justify-content:space-between; color:#657068; border-top:1px solid var(--line); font:12px "DM Mono",monospace; }
.project-hero { padding:115px 0 76px; border-bottom:1px solid var(--line); }.back-link { display:inline-block; margin-bottom:64px; font:12px "DM Mono",monospace; text-decoration:none; }.back-link:hover { color:var(--accent); }.project-hero h1 { margin-bottom:22px; }.project-summary { max-width:620px; font-size:20px; line-height:1.7; }.project-meta { display:flex; gap:50px; margin-top:56px; padding-top:22px; border-top:1px solid var(--line); }.project-meta div { min-width:130px; }.project-meta dt { margin-bottom:7px; color:var(--accent); font:11px "DM Mono",monospace; }.project-meta dd { margin:0; font-size:14px; }.case-section { display:grid; grid-template-columns:25% 1fr; padding:92px 0; border-bottom:1px solid var(--line); }.case-section h2 { font-size:clamp(29px,3.5vw,44px); letter-spacing:-.06em; }.case-section p { max-width:630px; font-size:17px; line-height:1.85; }.case-visual { min-height:340px; margin-top:35px; display:grid; place-items:center; background:#d7ded1; color:#415249; font:13px "DM Mono",monospace; letter-spacing:.08em; }
@media (max-width:700px) { .site-header,main,footer { padding-left:20px;padding-right:20px; }.site-header { height:70px; } nav { gap:13px; } nav a { font-size:11px; }.hero { min-height:570px; padding-top:110px; }.section,.case-section { display:block; padding:75px 0; }.section-number { margin-bottom:38px; }.skills-grid { grid-template-columns:1fr; }.timeline-item { grid-template-columns:1fr; gap:12px; }.project { grid-template-columns:34px 1fr auto; padding:18px; min-height:165px; }.contact { padding:82px 0; } footer { gap:20px; }.intro { font-size:16px; }.project-hero { padding:75px 0; }.project-meta { display:grid; grid-template-columns:1fr 1fr; gap:25px; }.case-visual { min-height:220px; } }
@media (max-width:700px) { .hero-layout { grid-template-columns:1fr; }.profile-frame { width:min(210px,65vw); }.portfolio-skills .skills-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { .profile-hero,.identity-band,.journey-section,.capabilities-section,.projects-showcase { display:block; }.profile-hero { min-height:0; padding:72px 0 45px; }.profile-copy { padding-bottom:52px; }.profile-hero h1 { font-size:clamp(70px,20vw,108px); }.profile-links { flex-wrap:wrap; margin-top:34px; }.profile-portrait { max-width:430px; }.identity-band,.journey-section,.capabilities-section,.projects-showcase { padding:82px 0; }.identity-band .section-number,.capabilities-section .section-number { margin-bottom:34px; }.journey-heading { margin-bottom:50px; }.journey-heading h2,.projects-heading h2 { font-size:clamp(48px,13vw,70px); }.journey-heading > p:last-child { max-width:440px; }.study-grid { grid-template-columns:1fr; }.timeline article { grid-template-columns:65px 1fr; gap:13px; }.timeline h3 { font-size:23px; }.capability-list article { grid-template-columns:40px 1fr; gap:12px; }.capability-list h3 { font-size:25px; }.projects-heading { margin-bottom:42px; }.projects-showcase .project { min-height:225px; }.contact-home { padding:90px 0; }.contact-home h2 { font-size:clamp(57px,16vw,84px); } }

/* TILT product case study */
.tilt-page { background:#080b0b; color:#f5f3ed; }.tilt-nav,.tilt-footer { max-width:1440px; margin:auto; padding:25px 40px; display:flex; align-items:center; justify-content:space-between; }.tilt-nav { border-bottom:1px solid rgba(255,255,255,.14); }.tilt-nav .brand { color:#f5f3ed; }.tilt-nav-link,.tilt-outcome a { color:#f5f3ed; font:12px "DM Mono",monospace; text-decoration:none; }.tilt-nav-link span,.tilt-outcome a span { color:#c3ed63; }.tilt-page main { max-width:none; padding:0; }.product-kicker,.placeholder-tag { margin:0; color:#c3ed63; font:500 11px "DM Mono",monospace; letter-spacing:.1em; }.tilt-intro { max-width:1440px; margin:auto; padding:125px 40px 75px; }.tilt-intro h1 { max-width:1000px; margin:18px 0 28px; font-size:clamp(68px,10vw,158px); color:#f5f3ed; }.tilt-intro h1 em,.tilt-statement h2 em,.tilt-outcome h2 em { color:#c3ed63; }.product-lede { max-width:630px; font-size:21px; line-height:1.6; color:#b8c2ba; }.product-facts { margin:65px 0 0; padding-top:22px; border-top:1px solid rgba(255,255,255,.16); display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }.product-facts dt { margin-bottom:8px; color:#829087; font:11px "DM Mono",monospace; }.product-facts dd { margin:0; font-size:14px; line-height:1.55; }.product-stage { position:relative; overflow:hidden; height:min(65vw,820px); min-height:530px; background:radial-gradient(circle at 50% 41%,#354e3c 0%,#17201d 28%,#080b0b 68%); }.product-orbit { position:absolute; left:50%; top:51%; width:61%; height:22%; border:1px solid rgba(195,237,99,.25); border-radius:50%; transform:translate(-50%,-50%) rotate(-12deg); }.orbit-two { width:38%; height:45%; transform:translate(-50%,-50%) rotate(44deg); }.product-plate { position:absolute; left:50%; top:35%; width:36%; aspect-ratio:1.85; border-radius:62% 38% 58% 42% / 65% 42% 58% 35%; background:linear-gradient(145deg,#b5e462,#46743c 52%,#1d422b); box-shadow:0 40px 75px rgba(0,0,0,.6),inset 20px 10px 35px rgba(255,255,255,.17); transform:translateX(-50%) rotate(-7deg); }.plate-vein { position:absolute; left:46%; top:13%; width:2px; height:81%; background:rgba(7,34,14,.52); transform-origin:top; }.vein-a { transform:rotate(68deg); }.vein-b { transform:rotate(-62deg); }.vein-c { transform:rotate(8deg); }.product-stem { position:absolute; left:49%; top:48%; height:28%; width:30px; border-radius:25px; background:linear-gradient(90deg,#1c4931,#91c159,#153824); transform:rotate(13deg); box-shadow:12px 10px 22px rgba(0,0,0,.4); }.product-base { position:absolute; left:50%; bottom:13%; width:250px; height:82px; border-radius:30px 30px 42px 42px; background:linear-gradient(150deg,#70b7d1,#28697f 70%,#143c4b); transform:translateX(-50%); box-shadow:0 25px 36px rgba(0,0,0,.5); }.product-base span { position:absolute; top:25px; width:23px; height:23px; border-radius:50%; background:#77cce2; }.product-base span:first-child { left:40px; }.product-base span:last-child { right:40px; }.stage-label { position:absolute; right:40px; bottom:31px; color:#c8d3cc; font:11px "DM Mono",monospace; text-align:right; letter-spacing:.07em; }.stage-label small { color:#78867d; }.tilt-statement { max-width:1020px; margin:auto; padding:150px 40px; text-align:center; }.tilt-statement h2,.tilt-outcome h2 { margin:22px 0 27px; font-size:clamp(48px,7vw,95px); letter-spacing:-.07em; }.tilt-statement > p:last-child { max-width:670px; margin:auto; color:#aebbb3; font-size:19px; line-height:1.8; }.tilt-split { display:grid; grid-template-columns:42% 58%; min-height:650px; }.tilt-split > div:first-child,.visual-copy { padding:100px 11%; }.tilt-split h2,.visual-copy h2,.interaction-heading h2 { margin:20px 0; font-size:clamp(37px,4.6vw,68px); letter-spacing:-.065em; line-height:1.04; }.tilt-split > div:first-child > p:last-child,.visual-copy > p:last-child,.interaction-heading > p:last-child { max-width:430px; color:#aebbb3; font-size:16px; line-height:1.8; }.tilt-dark { background:#e9eee7; color:#101a14; }.tilt-dark .product-kicker { color:#35663f; }.tilt-dark > div:first-child > p:last-child { color:#4b5d52; }.cad-placeholder { position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:460px; padding:35px; text-align:center; background:#d6dfd6; color:#26352c; }.cad-placeholder strong { margin-top:17px; font-size:20px; letter-spacing:-.04em; }.cad-placeholder p { position:relative; z-index:1; max-width:260px; margin:10px 0 0; color:#627168; font-size:13px; line-height:1.5; }.exploded-placeholder { background:radial-gradient(circle,#f5f8f2,#c9d8cb); }.exploded-part { position:absolute; border:1px solid rgba(29,85,48,.5); background:rgba(98,172,89,.25); }.part-one { width:48%; height:12%; top:16%; transform:rotate(-8deg); }.part-two { width:27%; height:13%; top:35%; }.part-three { width:17%; height:17%; top:54%; }.part-four { width:44%; height:10%; bottom:14%; border-radius:45%; }.tilt-specs { padding:135px 40px; max-width:1440px; margin:auto; }.spec-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:42px; border-top:1px solid rgba(255,255,255,.18); }.spec-grid article { padding:25px 32px 30px 0; border-right:1px solid rgba(255,255,255,.18); }.spec-grid article + article { padding-left:32px; }.spec-grid article:last-child { border:0; }.spec-grid span { color:#c3ed63; font:11px "DM Mono",monospace; }.spec-grid h3 { margin:62px 0 10px; font-size:34px; letter-spacing:-.05em; }.spec-grid p { max-width:280px; color:#aebbb3; line-height:1.65; }.tilt-visual-grid { display:grid; grid-template-columns:56% 44%; min-height:620px; background:#12231d; }.render-placeholder { background:linear-gradient(135deg,#203c30,#75a06b); color:#f5f3ed; }.render-placeholder p { color:#d2ddd0; }.visual-copy { display:flex; flex-direction:column; justify-content:center; }.tilt-interaction { padding:140px 40px; max-width:1440px; margin:auto; }.interaction-heading { display:grid; grid-template-columns:25% 1fr 1fr; gap:35px; align-items:start; }.interaction-heading h2 { margin:0; }.interaction-heading > p:last-child { margin:0; }.interaction-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:70px; }.interaction-cards article { padding:22px; background:#111716; border:1px solid rgba(255,255,255,.13); }.interaction-cards span { color:#c3ed63; font:11px "DM Mono",monospace; }.interaction-cards h3 { margin:35px 0 16px; font-size:25px; letter-spacing:-.04em; }.interaction-placeholder { height:190px; display:grid; place-items:center; padding:15px; background:linear-gradient(135deg,#486453,#1c2d25); color:#d8e5d4; font:10px "DM Mono",monospace; text-align:center; letter-spacing:.09em; }.interaction-cards p { margin:17px 0 0; color:#9bac9f; font-size:14px; line-height:1.65; }.tilt-algorithm { background:#d4e0d6; color:#16241b; }.tilt-algorithm .product-kicker { color:#35663f; }.tilt-algorithm > div:first-child > p:last-child { color:#4b5d52; }.algorithm-placeholder { background:linear-gradient(145deg,#283f32,#0f1c16); color:#ecf3e9; }.algorithm-placeholder p { color:#b9cabc; }.tilt-outcome { padding:160px 40px 130px; max-width:1050px; margin:auto; text-align:center; }.tilt-outcome p:not(.product-kicker) { max-width:560px; margin:0 auto 42px; color:#aebbb3; font-size:18px; line-height:1.75; }.tilt-outcome a { border-bottom:1px solid #c3ed63; padding-bottom:7px; }.tilt-footer { border-top:1px solid rgba(255,255,255,.14); color:#839188; font:12px "DM Mono",monospace; }
.video-stage { display:grid; place-items:center; background:radial-gradient(circle at 50% 45%,#233d30 0%,#111b17 33%,#080b0b 73%); }.video-stage::before { content:""; position:absolute; inset:9%; border:1px solid rgba(195,237,99,.28); }.video-placeholder { position:relative; z-index:1; width:min(74%,980px); aspect-ratio:16/9; display:flex; flex-direction:column; align-items:center; justify-content:center; background:linear-gradient(135deg,rgba(107,159,89,.25),rgba(5,9,7,.8)); border:1px solid rgba(229,244,216,.35); box-shadow:0 30px 80px rgba(0,0,0,.55); text-align:center; }.video-play { width:66px; height:66px; margin-bottom:22px; display:grid; place-items:center; padding-left:4px; border:1px solid #c3ed63; border-radius:50%; color:#c3ed63; font-size:20px; }.video-placeholder strong { font-size:18px; letter-spacing:.1em; }.video-placeholder p { margin:8px 0 20px; color:#c3ed63; font:11px "DM Mono",monospace; letter-spacing:.1em; }.video-placeholder small { color:#a6b2aa; font-size:12px; }
.video-embed { position:relative; z-index:1; width:min(74%,980px); aspect-ratio:16/9; border:1px solid rgba(229,244,216,.35); box-shadow:0 30px 80px rgba(0,0,0,.55); background:#050705; }

/* Keep the video frame and the 16:9 YouTube player perfectly aligned. */
.video-stage { width:min(100%,1440px); height:auto; min-height:0; margin:0 auto; aspect-ratio:16/9; display:block; background:#050705; }
.video-stage::before { inset:0; z-index:2; pointer-events:none; }
.video-embed { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; border:0; box-shadow:none; display:block; }
@media (max-width:760px) { .video-stage { width:100%; height:auto; min-height:0; aspect-ratio:16/9; } }
.cad-image { margin:0; display:flex; min-height:460px; flex-direction:column; overflow:hidden; }.cad-image img { display:block; width:100%; min-height:0; flex:1; object-fit:contain; }.cad-image figcaption { display:flex; justify-content:space-between; gap:20px; padding:15px 22px; background:#f5f8f2; color:#26352c; font-size:13px; }.cad-image figcaption span { color:#35663f; font:11px "DM Mono",monospace; letter-spacing:.08em; }.exploded-image { background:#f5f8f2; }.exploded-image img { max-height:670px; }.render-image { background:#a7aaa6; color:#f5f3ed; }.render-image figcaption { background:#1b3027; color:#edf3e9; }.render-image figcaption span { color:#c3ed63; }.interaction-sequence { display:grid; grid-template-rows:repeat(3,minmax(0,1fr)); height:660px; overflow:hidden; background:#26392f; gap:4px; border-radius:10px; }.interaction-sequence img { width:100%; height:100%; min-height:0; object-fit:cover; object-position:center; }
.algorithm-toggles { display:grid; align-content:center; gap:12px; padding:56px 9%; background:#f7f7ee; color:#314934; }.algorithm-toggle { overflow:hidden; border:1px solid #c8d6c4; border-radius:7px; background:#fffef8; }.algorithm-toggle summary { display:grid; grid-template-columns:112px 1fr 28px; gap:16px; align-items:center; min-height:100px; padding:10px; cursor:pointer; list-style:none; }.algorithm-toggle summary::-webkit-details-marker { display:none; }.algorithm-toggle summary img { width:112px; height:78px; border-radius:4px; object-fit:cover; }.algorithm-toggle summary span { display:grid; gap:4px; }.algorithm-toggle summary b { color:#4d8656; font:11px "DM Mono",monospace; letter-spacing:.08em; }.algorithm-toggle summary strong { font-size:17px; letter-spacing:-.035em; }.algorithm-toggle summary small { color:#617460; font-size:12px; }.algorithm-toggle summary i { display:grid; width:25px; height:25px; place-items:center; border-radius:50%; background:#e0efd4; color:#35663f; font-size:19px; font-style:normal; }.algorithm-toggle[open] summary i { transform:rotate(45deg); }.algorithm-detail { display:grid; gap:10px; padding:4px 20px 20px 138px; border-top:1px solid #dce6d9; }.algorithm-detail > p { margin:5px 0 2px; color:#526652; font-size:13px; line-height:1.55; }.formula-card { margin:0; border-radius:5px; padding:10px 12px; background:#e2f1d3; }.formula-card strong,.formula-card span,.formula-card small { display:block; }.formula-card strong { margin-bottom:4px; font-size:13px; }.formula-card span { font:13px/1.45 "DM Sans",sans-serif; }.formula-card small { margin-top:4px; font-size:10px; }.formula-card.safe { background:#d4eac6; }.vlm-step { margin:0; padding:12px; border-radius:6px; background:#d8eacb; font-size:13px; line-height:1.5; text-align:center; }.vlm-step.emphasis { font-weight:600; }.vlm-note { margin:0; padding:10px; border-radius:5px; background:#e9f0df; font-size:11px; line-height:1.45; }.vlm-detail { padding-bottom:20px; }
@media (max-width:760px) { .tilt-nav,.tilt-footer { padding:20px; }.tilt-intro { padding:80px 20px 55px; }.product-facts,.spec-grid { grid-template-columns:1fr; }.product-facts { gap:25px; }.product-stage { height:135vw; min-height:470px; }.product-plate { width:74%; top:28%; }.product-stem { top:46%; height:28%; }.product-base { bottom:12%; transform:translateX(-50%) scale(.78); }.stage-label { right:20px; bottom:18px; }.tilt-statement,.tilt-specs,.tilt-interaction,.tilt-outcome { padding:90px 20px; }.tilt-split,.tilt-visual-grid { grid-template-columns:1fr; }.tilt-split > div:first-child,.visual-copy { padding:75px 20px; }.cad-placeholder,.cad-image { min-height:390px; }.cad-image figcaption { align-items:flex-start; flex-direction:column; gap:5px; }.spec-grid article,.spec-grid article + article { padding:26px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.18); }.spec-grid article:last-child { border-bottom:0; }.spec-grid h3 { margin:23px 0 8px; }.interaction-heading { display:block; }.interaction-heading h2 { margin:18px 0; }.interaction-cards { grid-auto-columns:minmax(300px,86vw); grid-auto-flow:column; grid-template-columns:none; margin-top:50px; overflow-x:auto; overscroll-behavior-x:contain; padding-bottom:12px; scroll-snap-type:x mandatory; }.interaction-cards article { scroll-snap-align:start; }.interaction-placeholder { height:220px; }.interaction-sequence { height:510px; }.algorithm-toggles { padding:36px 20px; }.algorithm-toggle summary { grid-template-columns:86px 1fr 24px; gap:11px; }.algorithm-toggle summary img { width:86px; height:65px; }.algorithm-toggle summary strong { font-size:15px; }.algorithm-detail { padding:4px 14px 16px; } }

/* TILT content refinement and design-process page */
.tilt-nav-links { display:flex; gap:25px; }.process-link,.process-next a { display:inline-block; margin-top:30px; padding-bottom:7px; border-bottom:1px solid #c3ed63; color:#f5f3ed; font:12px "DM Mono",monospace; text-decoration:none; }.process-link span,.process-next a span { color:#c3ed63; }.interaction-sequence figure { position:relative; min-height:0; margin:0; overflow:hidden; }.interaction-sequence figcaption { position:absolute; left:10px; bottom:9px; padding:4px 6px; background:rgba(8,11,11,.75); color:#eaf0e4; font:9px "DM Mono",monospace; letter-spacing:.08em; }.process-hero,.project-facts-section,.process-chapters,.process-next { max-width:1440px; margin:auto; padding-left:40px; padding-right:40px; }.process-hero { padding-top:122px; padding-bottom:110px; border-bottom:1px solid rgba(255,255,255,.14); }.process-hero h1 { max-width:930px; margin:20px 0 30px; font-size:clamp(58px,8vw,125px); line-height:.98; }.process-hero > p:last-child { max-width:610px; color:#aebbb3; font-size:18px; line-height:1.75; }.project-facts-section { padding-top:105px; padding-bottom:120px; }.facts-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:35px; }.facts-grid article { display:flex; min-height:190px; flex-direction:column; justify-content:space-between; padding:20px; border:1px solid rgba(255,255,255,.16); background:#101716; }.facts-grid span,.facts-grid small { color:#94a59a; font:11px "DM Mono",monospace; letter-spacing:.07em; }.facts-grid strong { font-size:19px; line-height:1.28; letter-spacing:-.035em; }.process-chapters { padding-top:110px; padding-bottom:110px; background:#e7eee6; color:#142319; }.process-chapters .product-kicker { color:#35663f; }.chapter-list { margin-top:38px; border-top:1px solid #afc3b2; }.chapter-list article { display:grid; grid-template-columns:12% 1fr; gap:25px; padding:31px 0; border-bottom:1px solid #afc3b2; }.chapter-list > article > span { color:#35663f; font:12px "DM Mono",monospace; }.chapter-list h2 { margin:0 0 10px; font-size:clamp(29px,3vw,47px); letter-spacing:-.06em; }.chapter-list p { max-width:650px; margin:0; color:#4b6050; font-size:16px; line-height:1.7; }.process-next { padding-top:145px; padding-bottom:140px; text-align:center; }.process-next h2 { margin:20px 0 25px; font-size:clamp(48px,6vw,88px); letter-spacing:-.07em; line-height:1.02; }.process-next h2 em { color:#c3ed63; }.process-next > p:last-of-type { max-width:590px; margin:0 auto; color:#aebbb3; font-size:17px; line-height:1.75; }.process-next a { margin-top:38px; }
@media (max-width:760px) { .tilt-nav-links { gap:13px; }.tilt-nav-link { font-size:10px; }.process-hero,.project-facts-section,.process-chapters,.process-next { padding-left:20px; padding-right:20px; }.process-hero { padding-top:80px; padding-bottom:80px; }.process-hero > p:last-child { font-size:16px; }.project-facts-section { padding-top:75px; padding-bottom:75px; }.facts-grid { grid-template-columns:1fr 1fr; }.facts-grid article { min-height:165px; padding:15px; }.facts-grid strong { font-size:16px; }.process-chapters { padding-top:75px; padding-bottom:75px; }.chapter-list article { grid-template-columns:42px 1fr; gap:12px; }.chapter-list p { font-size:15px; }.process-next { padding-top:95px; padding-bottom:90px; } }

/* RO-MAN booth invitation */
.booth-trigger { padding:0; border:0; background:transparent; color:#c3ed63; cursor:pointer; font:12px "DM Mono",monospace; }.booth-dialog { width:min(620px,calc(100vw - 32px)); max-width:none; max-height:88vh; overflow:auto; padding:0; border:1px solid rgba(195,237,99,.45); background:#101815; color:#f5f3ed; box-shadow:0 30px 100px rgba(0,0,0,.72); }.booth-dialog::backdrop { background:rgba(3,7,5,.78); backdrop-filter:blur(7px); }.booth-copy { padding:35px 37px 27px; }.booth-copy h2 { margin:10px 0 15px; font-size:clamp(66px,11vw,108px); line-height:.78; letter-spacing:-.1em; white-space:nowrap; }.booth-copy h2 em { color:#c3ed63; font-style:normal; }.booth-copy h2 span { margin-left:13px; color:#f5f3ed; font-size:.34em; letter-spacing:-.06em; vertical-align:middle; }.booth-copy > p { margin:0; }.booth-location-row { display:grid; grid-template-columns:1fr 210px; gap:22px; align-items:center; }.booth-location { margin:0; font-size:18px; line-height:1.4; }.booth-location strong { display:inline-block; margin-bottom:5px; padding:4px 7px; background:#c3ed63; color:#17251b; font:600 12px "DM Mono",monospace; letter-spacing:.02em; }.booth-location-row img { display:block; width:210px; height:auto; opacity:.66; filter:grayscale(.3) saturate(.65) contrast(.9); }.booth-invitation { margin-top:16px; padding-top:16px; border-top:1px solid rgba(255,255,255,.14); }.booth-invitation small { color:#aebbb3; font-size:13px; line-height:1.55; }.booth-close { position:absolute; z-index:1; top:14px; right:14px; display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(5,9,7,.65); color:#fff; cursor:pointer; font-size:26px; line-height:1; }
@media (max-width:760px) { .booth-trigger { font-size:10px; }.booth-copy { padding:34px 23px 24px; }.booth-copy h2 { font-size:clamp(63px,21vw,100px); }.booth-location-row { grid-template-columns:1fr 130px; gap:15px; }.booth-location { font-size:17px; }.booth-location strong { font-size:10px; }.booth-location-row img { width:130px; } }

.chapter-content { display:grid; grid-template-columns:minmax(220px,.9fr) 1.1fr; gap:30px; align-items:center; }.chapter-visuals { display:flex; align-items:center; gap:12px; min-width:0; }.chapter-visuals figure { position:relative; margin:0; overflow:hidden; border:1px solid #afc3b2; background:#f7faf5; }.chapter-visuals img { display:block; width:100%; height:100%; object-fit:contain; }.chapter-visuals figcaption { position:absolute; left:7px; bottom:7px; padding:4px 5px; background:rgba(20,35,25,.8); color:#f5f8f2; font:9px "DM Mono",monospace; letter-spacing:.07em; }.prototype-visuals figure { width:50%; max-width:145px; aspect-ratio:4/5; }.ergonomics-visuals { align-items:stretch; }.ergonomics-visuals .wide-process-image { width:78%; aspect-ratio:2.1/1; }.preference-visual figure { width:180px; aspect-ratio:1.32/1; }.hardware-visuals figure { flex:1; aspect-ratio:1/1; }.hardware-visuals img { object-fit:cover; }.final-visual figure { width:150px; aspect-ratio:1/1.05; margin-left:auto; }.chapter-list .chapter-content h2 { font-size:clamp(27px,2.6vw,42px); }
.mechanical-accordion { border-top:1px solid #afc3b2; }.mechanical-accordion details { border-bottom:1px solid #afc3b2; }.mechanical-accordion summary { display:grid; grid-template-columns:35px 1fr 30px; gap:10px; align-items:center; padding:16px 0; cursor:pointer; list-style:none; }.mechanical-accordion summary::-webkit-details-marker { display:none; }.mechanical-accordion summary span { color:#35663f; font:11px "DM Mono",monospace; }.mechanical-accordion summary strong { font-size:18px; letter-spacing:-.035em; }.mechanical-accordion summary i { display:grid; width:28px; height:28px; place-items:center; border:1px solid #35663f; border-radius:50%; color:#35663f; font:400 22px/1 "DM Sans",sans-serif; font-style:normal; transition:transform .2s,background .2s,color .2s; }.mechanical-accordion summary:hover strong,.mechanical-accordion summary:hover i { color:#103629; }.mechanical-accordion summary:hover i,.mechanical-accordion details[open] summary i { background:#c3ed63; border-color:#c3ed63; }.mechanical-accordion details[open] summary i { transform:rotate(45deg); }.mechanical-detail { display:grid; gap:16px; padding:4px 0 22px; }.mechanical-detail p { max-width:600px; font-size:14px; line-height:1.6; }.mechanical-detail figure { position:relative; width:min(100%,360px); margin:0; overflow:hidden; border:1px solid #afc3b2; background:#f7faf5; }.mechanical-detail figure.wide-process-image { width:min(100%,450px); aspect-ratio:303 / 139; }.mechanical-detail img { display:block; width:100%; height:auto; }.mechanical-detail figcaption { position:absolute; left:7px; bottom:7px; padding:4px 5px; background:rgba(20,35,25,.8); color:#f5f8f2; font:9px "DM Mono",monospace; letter-spacing:.07em; }.mechanical-detail .circuits-visuals { display:flex; gap:12px; align-items:flex-start; }.mechanical-detail .circuits-visuals figure { flex:0 1 180px; }.mechanical-detail .circuits-visuals img { object-fit:contain; }
@media (max-width:760px) { .chapter-content { grid-template-columns:1fr; gap:20px; }.final-visual figure { margin-left:0; }.prototype-visuals figure { max-width:150px; }.chapter-visuals { justify-content:flex-start; }.mechanical-detail .circuits-visuals { gap:8px; }.mechanical-detail .circuits-visuals figure { min-width:0; }.mechanical-accordion summary strong { font-size:16px; } }

/* Compact skills cards */
.skill-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.skill-card { min-height:164px; padding:20px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; border:1px solid var(--line); border-radius:0; background:transparent; color:var(--ink); font-family:inherit; text-align:left; cursor:pointer; transition:background .2s,transform .2s; }.skill-card:hover { background:#e7ece2; transform:translateY(-3px); }.skill-card span,.skill-card small,.skills-hint { color:var(--accent); font:11px "DM Mono",monospace; letter-spacing:.08em; }.skill-card strong { font-size:clamp(25px,2.3vw,33px); line-height:1; letter-spacing:-.06em; white-space:nowrap; }.skill-card small { color:#5c6a61; font-size:10px; }.skills-hint { margin:15px 0 0; color:#67746b; font-size:10px; }.skill-dialog { width:min(560px,calc(100% - 40px)); border:1px solid var(--ink); padding:38px; background:var(--paper); color:var(--ink); box-shadow:0 18px 80px rgba(24,37,31,.22); }.skill-dialog::backdrop { background:rgba(15,24,18,.52); backdrop-filter:blur(3px); }.skill-dialog h2 { margin:0 35px 23px 0; font-size:clamp(34px,8vw,54px); letter-spacing:-.065em; line-height:1; }.skill-dialog ul { display:grid; gap:12px; max-width:465px; margin:0; padding:0; list-style:none; }.skill-dialog li { position:relative; padding-left:20px; color:#46554b; font-size:16px; line-height:1.6; }.skill-dialog li::before { content:"↗"; position:absolute; left:0; color:var(--accent); font:12px "DM Mono",monospace; }.dialog-close { position:absolute; top:15px; right:17px; width:32px; height:32px; border:0; background:transparent; color:var(--ink); font-size:30px; line-height:1; cursor:pointer; }.dialog-close:hover { color:var(--accent); }
@media (max-width:700px) { .portfolio-skills { padding-top:64px; padding-bottom:64px; }.skill-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.skill-card { min-height:132px; padding:15px; }.skill-card strong { font-size:clamp(18px,5.7vw,25px); white-space:normal; }.skill-card small { font-size:9px; line-height:1.35; }.skills-hint { margin-top:12px; }.skill-dialog { padding:30px 24px 26px; }.skill-dialog li { font-size:15px; } }

/* Project archive filters */
.project-archive > div { min-width:0; }.project-filter { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:15px; padding:0 0 22px; border-bottom:1px solid var(--line); }.project-filter p,.project-sort { margin:0 0 10px; color:#617067; font:11px "DM Mono",monospace; letter-spacing:.08em; }.filter-tags { display:flex; flex-wrap:wrap; gap:7px; }.filter-tag { border:1px solid #aeb9ad; border-radius:999px; padding:8px 11px; background:transparent; color:#3f5045; font:11px "DM Mono",monospace; cursor:pointer; transition:background .18s,color .18s,border-color .18s; }.filter-tag:hover,.filter-tag.is-active { border-color:var(--ink); background:var(--ink); color:#fff; }.project-sort { display:flex; flex-direction:column; align-items:flex-end; gap:7px; white-space:nowrap; }.project-sort select { min-width:132px; border:0; border-bottom:1px solid var(--ink); border-radius:0; padding:4px 0 6px; background:transparent; color:var(--ink); font:13px "DM Sans",sans-serif; text-align:right; cursor:pointer; }.project-count { margin:0 0 14px; color:#67746b; font:11px "DM Mono",monospace; letter-spacing:.07em; }.project-list [hidden] { display:none; }
@media (max-width:700px) { .project-filter { display:block; margin-bottom:14px; padding-bottom:18px; }.project-sort { display:flex; align-items:flex-start; margin-top:18px; }.project-sort select { text-align:left; }.filter-tag { padding:7px 9px; font-size:10px; } }

.project-archive-hero { padding-top:82px; padding-bottom:48px; }.project-archive-hero .back-link { margin-bottom:38px; }.project-archive-hero h1 { margin-bottom:14px; white-space:nowrap; }.project-archive-hero .project-summary { margin-bottom:0; }
@media (max-width:700px) { .project-archive-hero { padding-top:58px; padding-bottom:36px; }.project-archive-hero .back-link { margin-bottom:28px; }.project-archive-hero h1 { font-size:clamp(45px,12vw,62px); white-space:normal; } }

/* ACES Studio product archive */
.aces-page { background:#eeeae0; }.aces-page .site-header,.aces-page main,.aces-page footer { max-width:1280px; }.aces-hero { min-height:690px; padding:108px 0 80px; border-bottom:1px solid var(--line); }.aces-hero h1 { max-width:900px; margin:10px 0 26px; font-size:clamp(66px,10vw,145px); }.aces-hero h1 em,.collection-heading h2 em,.aces-closing h2 em { color:#b45332; }.aces-hero .project-summary { max-width:650px; color:#465148; font-size:19px; line-height:1.75; }.aces-facts { display:grid; grid-template-columns:repeat(3,1fr); max-width:790px; gap:24px; margin:65px 0 0; padding-top:19px; border-top:1px solid var(--line); }.aces-facts dt,.product-story > div:last-child > p:first-child { color:#a54a2c; font:11px "DM Mono",monospace; letter-spacing:.08em; }.aces-facts dd { margin:8px 0 0; color:#344139; font-size:14px; line-height:1.55; }.aces-intro { display:grid; grid-template-columns:25% 1fr; gap:7%; padding:115px 0; border-bottom:1px solid var(--line); }.aces-intro > p:last-child { max-width:680px; margin:0; font-size:clamp(21px,2.5vw,32px); line-height:1.46; letter-spacing:-.04em; }.collection { display:grid; grid-template-columns:29% 1fr; gap:7%; padding:120px 0; border-bottom:1px solid var(--line); }.collection-heading { padding-top:3px; }.collection-heading h2,.aces-closing h2 { margin:0 0 22px; font-size:clamp(40px,5vw,72px); letter-spacing:-.07em; line-height:.98; }.collection-heading > p:not(.eyebrow) { max-width:270px; color:#586259; font-size:16px; line-height:1.7; }.collection-heading a { display:inline-block; margin-top:29px; border-bottom:1px solid #a54a2c; padding-bottom:6px; color:#344139; font:11px "DM Mono",monospace; text-decoration:none; }.collection-heading a span { color:#a54a2c; }.product-stories { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.product-story { min-width:0; }.product-art { position:relative; display:flex; min-height:330px; align-items:center; justify-content:center; overflow:hidden; padding:25px; border:1px solid rgba(24,37,31,.22); }.product-art::before { position:absolute; content:""; inset:13px; border:1px solid currentColor; opacity:.28; }.product-art span { position:absolute; right:20px; bottom:17px; font:9px "DM Mono",monospace; letter-spacing:.09em; opacity:.62; }.product-art strong { position:relative; z-index:1; font-family:Georgia,serif; font-size:clamp(35px,5vw,68px); font-weight:400; writing-mode:vertical-rl; letter-spacing:.12em; }.sketch-product .product-art { background:#e2e0d4; color:#20251f; background-image:repeating-linear-gradient(43deg,transparent 0 18px,rgba(24,37,31,.06) 19px 20px); }.green-product .product-art { background:#183f35; color:#d7bf70; }.red-product .product-art { background:#a93629; color:#f0d28b; }.gold-product .product-art { background:#d1b06b; color:#543b25; }.product-story > div:last-child { padding:18px 4px 0; }.product-story h3 { margin:11px 0 12px; font-size:clamp(25px,3vw,39px); letter-spacing:-.06em; line-height:1; }.product-story > div:last-child > p:last-child { margin:0; color:#526057; font-size:14px; line-height:1.65; }.aces-closing { padding:140px 0; text-align:center; }.aces-closing h2 { margin-bottom:22px; }.aces-closing > p:last-child { max-width:500px; margin:auto; color:#596359; font-size:16px; line-height:1.7; }
@media (max-width:700px) { .aces-hero { min-height:0; padding:75px 0 58px; }.aces-hero h1 { font-size:clamp(62px,18vw,96px); }.aces-hero .project-summary { font-size:17px; }.aces-facts { grid-template-columns:1fr; gap:18px; margin-top:45px; }.aces-intro,.collection { display:block; padding:78px 0; }.aces-intro .section-number { margin-bottom:33px; }.aces-intro > p:last-child { font-size:24px; }.collection-heading { margin-bottom:42px; }.collection-heading h2,.aces-closing h2 { font-size:clamp(47px,14vw,70px); }.product-stories { grid-template-columns:1fr; gap:38px; }.product-art { min-height:290px; }.aces-closing { padding:95px 0; } }
.aces-hero h1 em { display:inline-block; font-size:.62em; }

/* ACES Studio product photography */
.product-story .product-art { display:block; min-height:0; margin:0; padding:0; aspect-ratio:16 / 9; border:0; background:#ddd; }.product-story .product-art::before { display:none; }.product-story .product-art img { display:block; width:100%; height:100%; object-fit:cover; }.product-story .product-art span,.product-story .product-art strong { display:none; }
.product-story h3 span { display:inline-block; margin-top:5px; font:500 .48em/1.15 "DM Sans",sans-serif; letter-spacing:-.035em; }

/* ACES Studio collection colour worlds */
.aces-page { background:#101713; color:#edf2e9; }.aces-page .site-header { border-color:rgba(237,242,233,.18); }.aces-page .brand,.aces-page nav a { color:#edf2e9; }.aces-page .brand span,.aces-page .eyebrow,.aces-page .section-number { color:#c4e86b; }.aces-page .back-link { color:#d7e2d7; }.aces-hero { min-height:740px; padding:118px 0 92px; border-color:rgba(237,242,233,.18); background:radial-gradient(circle at 75% 20%,#274938 0%,#101713 48%); }.aces-hero h1 { max-width:1070px; color:#f4f7ee; }.aces-hero h1 em { color:#c4e86b; }.aces-hero .project-summary { color:#b9c8bc; }.aces-facts { border-color:rgba(237,242,233,.22); }.aces-facts dt { color:#9eafa1; }.aces-facts dd { color:#eef4ed; }.aces-intro { background:#e7eee6; color:#14231a; margin-left:calc((100vw - min(100vw,1280px))/2); margin-right:calc((100vw - min(100vw,1280px))/2); padding-left:max(32px,calc((100vw - min(100vw,1280px))/2 + 32px)); padding-right:max(32px,calc((100vw - min(100vw,1280px))/2 + 32px)); border:0; }.aces-intro .section-number { color:#35663f; }.collection { grid-template-columns:29% 1fr; gap:7%; margin-left:calc((100vw - min(100vw,1280px))/2); margin-right:calc((100vw - min(100vw,1280px))/2); padding-left:max(32px,calc((100vw - min(100vw,1280px))/2 + 32px)); padding-right:max(32px,calc((100vw - min(100vw,1280px))/2 + 32px)); border:0; }.collection-nature { background:#dde7da; color:#12231a; }.collection-nature .eyebrow,.collection-nature h2 em,.collection-nature a span { color:#35663f; }.collection-nature .collection-heading a { color:#15261d; border-color:#35663f; }.collection-dragon { background:#72271f; color:#fff4df; }.collection-dragon .eyebrow,.collection-dragon h2 em,.collection-dragon a span { color:#f2c85d; }.collection-dragon .collection-heading > p:not(.eyebrow),.collection-dragon .product-story > div:last-child > p:last-child { color:#f2d9c0; }.collection-dragon .collection-heading a { color:#fff4df; border-color:#f2c85d; }.product-story h3 { margin-top:17px; }.product-story h3 span { font-size:.45em; color:#647568; }.collection-dragon .product-story h3 span { color:#f1c966; }.product-story > div:last-child > p:first-child { display:none; }.aces-page footer { color:#91a195; border-color:rgba(237,242,233,.18); }
@media (max-width:700px) { .aces-hero { min-height:0; padding:84px 0 65px; }.aces-intro,.collection { margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px; }.aces-intro { padding-top:78px; padding-bottom:78px; }.collection { padding-top:82px; padding-bottom:82px; } }

/* Indigo collection palette — distinct from TILT */
.aces-page { background:#10132a; }.aces-page .brand span,.aces-page .eyebrow,.aces-page .section-number { color:#f2a45b; }.aces-hero { background:radial-gradient(circle at 75% 20%,#313c83 0%,#10132a 52%); }.aces-hero h1 em { color:#f2a45b; }.aces-intro { background:#f2dfcf; color:#282034; }.aces-intro .section-number { color:#a44d3f; }.collection-nature { background:#d8e2cf; }.collection-nature .eyebrow,.collection-nature h2 em,.collection-nature a span { color:#3f6b57; }.collection-nature .collection-heading a { border-color:#3f6b57; }.collection-dragon { background:#6d2636; }.collection-dragon .eyebrow,.collection-dragon h2 em,.collection-dragon a span { color:#ffc45e; }.collection-dragon .collection-heading a { border-color:#ffc45e; }

/* Framed collection cards */
.aces-page { background:#ece9e1; color:#1a251f; }.aces-page .site-header { border-color:#c7c5bc; }.aces-page .brand,.aces-page nav a { color:#1a251f; }.aces-page .brand span { color:#a94e3e; }.aces-hero { margin-left:calc((100vw - min(100vw,1280px))/2); margin-right:calc((100vw - min(100vw,1280px))/2); padding-left:max(32px,calc((100vw - min(100vw,1280px))/2 + 32px)); padding-right:max(32px,calc((100vw - min(100vw,1280px))/2 + 32px)); background:radial-gradient(circle at 76% 20%,#35428a 0%,#11142b 54%); }.aces-intro { margin:0; padding:106px 0; background:transparent; color:#1a251f; border-bottom:1px solid #c7c5bc; }.aces-intro .section-number { color:#a94e3e; }.collection { margin:48px 0; padding:48px; border:1px solid; border-radius:2px; }.collection-nature { background:#dce8d8; border-color:#719079; color:#163022; }.collection-dragon { background:#6d2636; border-color:#6d2636; color:#fff5df; }.collection-dragon .product-story h3 span { color:#f3c760; }.collection-dragon .product-story > div:last-child > p:last-child { color:#f3d8c0; }.collection .product-art { border:1px solid rgba(20,30,24,.16); }.collection-dragon .product-art { border-color:rgba(255,244,223,.28); }.aces-page footer { border-color:#c7c5bc; color:#667168; }
@media (max-width:700px) { .aces-hero { margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px; }.collection { margin:28px 0; padding:22px; }.aces-intro { margin:0; padding:72px 0; } }

/* Single light-indigo canvas for the full collection page */
.aces-page { background:#e7e8f2; color:#202440; }.aces-page .site-header { border-color:#bfc3d6; }.aces-page .brand,.aces-page nav a { color:#202440; }.aces-page .brand span { color:#a64c67; }.aces-hero { background:radial-gradient(circle at 80% 24%,rgba(186,194,231,.72) 0%,rgba(231,232,242,0) 45%); border-color:#bfc3d6; }.aces-hero h1 { color:#202440; }.aces-hero h1 em { color:#76558f; }.aces-hero .project-summary { color:#4e5573; }.aces-facts { border-color:#bfc3d6; }.aces-facts dt { color:#6d7391; }.aces-facts dd { color:#27304f; }.aces-intro { background:transparent; color:#202440; border-color:#bfc3d6; }.aces-intro .section-number { color:#a64c67; }.aces-page footer { border-color:#bfc3d6; color:#68708a; }
@media (max-width:700px) { .product-story .product-art { min-height:0; aspect-ratio:16 / 9; } }

/* Deep collection-card pairing */
.collection-nature { background:#173d32; border-color:#2f6857; color:#f2f5e9; }
.collection-nature .eyebrow,.collection-nature h2 em,.collection-nature a span { color:#b8e276; }
.collection-nature .collection-heading > p:not(.eyebrow),.collection-nature .product-story > div:last-child > p:last-child { color:#cad9cf; }
.collection-nature .collection-heading a { color:#f2f5e9; border-color:#b8e276; }
.collection-nature .product-story h3 span { color:#b8e276; }
.collection-nature .product-art { border-color:rgba(242,245,233,.26); }

/* Preserve original design-process image proportions */
.prototype-visuals figure:first-child { width:121px; max-width:none; aspect-ratio:85 / 112; }.prototype-visuals figure:last-child { width:110px; max-width:none; aspect-ratio:78 / 112; }.ergonomics-visuals .wide-process-image { width:78%; aspect-ratio:303 / 139; }.preference-visual figure { aspect-ratio:162 / 122; }.hardware-visuals figure { flex:0 0 auto; height:150px; aspect-ratio:auto; }.hardware-visuals figure:nth-child(1) { aspect-ratio:130 / 113; }.hardware-visuals figure:nth-child(2) { aspect-ratio:78 / 97; }.hardware-visuals figure:nth-child(3) { aspect-ratio:85 / 97; }.hardware-visuals img { object-fit:contain; }.final-visual figure { aspect-ratio:121 / 122; }
.camera-visual figure { width:180px; aspect-ratio:130 / 113; }.circuits-visuals figure { width:145px; flex:0 0 auto; }.circuits-visuals figure:first-child { aspect-ratio:78 / 97; }.circuits-visuals figure:last-child { aspect-ratio:85 / 97; }

.appearance-study { padding:120px 40px; background:#103629; color:#f5f3ed; }.appearance-study-intro,.appearance-grid,.study-insight { max-width:1360px; margin-left:auto; margin-right:auto; }.appearance-study-intro { display:grid; grid-template-columns:35% 1fr; gap:30px; align-items:start; }.appearance-study-intro .product-kicker { grid-column:1 / -1; }.appearance-study h2 { margin:0; font-size:clamp(40px,5.4vw,76px); line-height:1.01; letter-spacing:-.065em; }.appearance-study-intro > p:last-child { max-width:490px; margin:5px 0 0; color:#c6d6ca; font-size:16px; line-height:1.75; }.appearance-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:55px; }.appearance-grid article { padding:12px; border:1px solid rgba(245,243,237,.22); background:rgba(255,255,255,.04); }.appearance-grid article.selected-appearance { border-color:#c3ed63; background:rgba(195,237,99,.1); }.appearance-grid figure { display:grid; height:180px; margin:0 0 16px; place-items:center; background:#edf0e7; overflow:hidden; }.appearance-grid img { display:block; max-width:100%; max-height:100%; object-fit:contain; }.appearance-grid div { display:grid; gap:6px; }.appearance-grid span,.study-insight span { color:#c3ed63; font:11px "DM Mono",monospace; letter-spacing:.08em; }.appearance-grid strong { font-size:23px; letter-spacing:-.04em; }.appearance-grid p { margin:0; color:#c6d6ca; font-size:13px; line-height:1.55; }.study-insight { display:grid; grid-template-columns:180px 1fr; gap:20px; margin-top:42px; padding-top:25px; border-top:1px solid rgba(245,243,237,.2); }.study-insight p { max-width:720px; margin:0; font-size:20px; line-height:1.5; }
.appearance-card { overflow:hidden; padding:12px; border:1px solid rgba(245,243,237,.22); background:rgba(255,255,255,.04); transition:background .2s,border-color .2s,transform .2s; }.appearance-card.selected-appearance { border-color:#c3ed63; background:rgba(195,237,99,.1); }.appearance-card summary { cursor:pointer; list-style:none; }.appearance-card summary::-webkit-details-marker { display:none; }.appearance-card figure { display:grid; height:180px; margin:0 0 16px; place-items:center; background:#edf0e7; overflow:hidden; transition:background .2s,transform .2s; }.appearance-card img { display:block; max-width:100%; max-height:100%; object-fit:contain; }.appearance-card summary > div { position:relative; display:grid; gap:6px; padding-right:44px; }.appearance-card summary > div > i { position:absolute; right:0; bottom:0; display:grid; width:34px; height:34px; place-items:center; border:1px solid #c3ed63; border-radius:50%; color:#c3ed63; font-size:28px; font-style:normal; font-weight:300; line-height:1; transition:transform .2s,background .2s,color .2s; }.appearance-card:hover,.appearance-card:focus-within { border-color:#c3ed63; background:rgba(195,237,99,.14); transform:translateY(-3px); }.appearance-card:hover figure,.appearance-card:focus-within figure { background:#dcebcf; }.appearance-card:hover summary > div > i,.appearance-card:focus-within summary > div > i { background:#c3ed63; color:#103629; }.appearance-card[open] summary > div > i { transform:rotate(45deg); background:#c3ed63; color:#103629; }.appearance-detail { display:grid; gap:10px; margin-top:15px; padding-top:15px; border-top:1px solid rgba(245,243,237,.18); }.appearance-detail p { margin:0; color:#c6d6ca; font-size:13px; line-height:1.55; }.appearance-detail b { color:#f5f3ed; }
 .appearance-study-intro > div > p { max-width:490px; margin:5px 0 0; color:#c6d6ca; font-size:16px; line-height:1.75; }
@media (max-width:760px) { .appearance-study { padding:80px 20px; }.appearance-study-intro { grid-template-columns:1fr; gap:18px; }.appearance-grid { grid-template-columns:1fr 1fr; margin-top:38px; }.appearance-grid figure { height:140px; }.appearance-grid strong { font-size:19px; }.study-insight { grid-template-columns:1fr; gap:12px; }.study-insight p { font-size:17px; } }
.appearance-toggle { display:inline-flex; align-items:center; gap:10px; margin-top:23px; padding:11px 16px 11px 12px; border:1px solid rgba(195,237,99,.75); border-radius:999px; background:transparent; color:#f5f3ed; cursor:pointer; font:500 11px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; transition:background .2s,color .2s,transform .2s; }.appearance-toggle span { display:grid; width:24px; height:24px; place-items:center; border-radius:50%; background:#c3ed63; color:#103629; font:400 22px/1 "DM Sans",sans-serif; letter-spacing:0; }.appearance-toggle:hover,.appearance-toggle:focus-visible { background:#c3ed63; color:#103629; outline:none; transform:translateY(-2px); }.appearance-toggle:focus-visible { box-shadow:0 0 0 3px rgba(245,243,237,.42); }
.process-jump-nav { display:flex; flex-wrap:wrap; gap:9px 20px; margin-top:34px; }.process-jump-nav a { padding-bottom:5px; border-bottom:1px solid rgba(195,237,99,.5); color:#c3ed63; font:11px "DM Mono",monospace; letter-spacing:.04em; text-decoration:none; transition:color .2s,border-color .2s; }.process-jump-nav a:hover { border-color:#f5f3ed; color:#f5f3ed; }
.process-hero > p { max-width:610px; color:#aebbb3; font-size:18px; line-height:1.75; }
.mechanical-accordion summary { grid-template-columns:35px 1fr 30px; }.mechanical-accordion summary small { grid-column:2 / 3; color:#6b816f; font:10px "DM Mono",monospace; letter-spacing:.01em; }.final-highlights { display:flex; flex-wrap:wrap; gap:7px; margin-top:-6px; }.final-highlights span { padding:6px 8px; border:1px solid #afc3b2; color:#35663f; font:9px "DM Mono",monospace; letter-spacing:.04em; text-transform:uppercase; }
@media (max-width:760px) { .process-jump-nav { gap:9px 14px; }.mechanical-accordion summary small { font-size:9px; }.final-highlights { margin-top:0; } }
.journey-origin { display:grid; grid-template-columns:28% 1fr; gap:40px; max-width:1440px; margin:auto; padding:95px 40px; background:#0d2e23; color:#f5f3ed; }.journey-origin .product-kicker { color:#c3ed63; }.journey-date { margin:15px 0 0; color:#c6d6ca; font:12px "DM Mono",monospace; letter-spacing:.08em; }.journey-origin h2 { margin:0 0 18px; font-size:clamp(38px,4.8vw,70px); letter-spacing:-.065em; line-height:1.02; }.journey-origin div:last-child > p { max-width:580px; margin:0; color:#c6d6ca; font-size:17px; line-height:1.75; }.process-float-nav { position:fixed; z-index:20; top:50%; right:26px; display:grid; gap:6px; padding:11px 9px; border:1px solid rgba(195,237,99,.34); border-radius:12px; background:rgba(13,46,35,.84); box-shadow:0 12px 30px rgba(0,0,0,.18); transform:translateY(-50%); backdrop-filter:blur(12px); }.process-float-nav a { display:grid; grid-template-columns:21px auto; gap:7px; align-items:center; padding:6px 8px; color:#b9c9bd; font:10px "DM Mono",monospace; letter-spacing:.01em; text-decoration:none; white-space:nowrap; transition:background .2s,color .2s; }.process-float-nav a span { color:#76937f; font-size:9px; }.process-float-nav a:hover,.process-float-nav a.is-active { border-radius:5px; background:#c3ed63; color:#103629; }.process-float-nav a:hover span,.process-float-nav a.is-active span { color:#35663f; }
@media (max-width:1000px) { .process-float-nav { display:none; } }.process-page section[id] { scroll-margin-top:90px; } @media (max-width:760px) { .journey-origin { grid-template-columns:1fr; gap:26px; padding:75px 20px; }.journey-origin div:last-child > p { font-size:16px; } }
.journey-origin,.appearance-study { background:#e7eee6; color:#142319; }.journey-origin .product-kicker,.appearance-study .product-kicker { color:#35663f; }.journey-origin .journey-date,.journey-origin div:last-child > p,.appearance-study-intro > div > p { color:#4b6050; }.appearance-study h2 { color:#142319; }.appearance-card { border-color:#afc3b2; background:#f7faf5; }.appearance-card.selected-appearance { border-color:#35663f; background:#dbeccd; }.appearance-card figure { background:#edf0e7; }.appearance-card summary > div > i { border-color:#35663f; color:#35663f; }.appearance-card:hover,.appearance-card:focus-within { border-color:#35663f; background:#dbeccd; }.appearance-card:hover figure,.appearance-card:focus-within figure { background:#dcebcf; }.appearance-card:hover summary > div > i,.appearance-card:focus-within summary > div > i,.appearance-card[open] summary > div > i { background:#c3ed63; color:#103629; }.appearance-grid span,.study-insight span { color:#35663f; }.appearance-grid p,.appearance-detail p { color:#4b6050; }.appearance-detail { border-top-color:#afc3b2; }.appearance-detail b { color:#142319; }.study-insight { border-top-color:#afc3b2; }.appearance-toggle { border-color:#35663f; color:#142319; }.appearance-toggle:hover,.appearance-toggle:focus-visible { background:#c3ed63; color:#103629; }.appearance-toggle:focus-visible { box-shadow:0 0 0 3px rgba(53,102,63,.3); }
.chapter-list > article { grid-template-columns:1fr; }.chapter-list > article > span,.mechanical-accordion summary > span { display:none; }.mechanical-accordion summary { grid-template-columns:1fr 30px; }.mechanical-accordion summary small { grid-column:1 / 2; }.process-float-nav a { grid-template-columns:1fr; }
body.process-page { background:#103629; }.process-hero { background:#103629; }.process-product-link { display:inline-flex; gap:12px; margin-top:27px; padding:10px 13px; border:1px solid rgba(195,237,99,.7); color:#f5f3ed; font:11px "DM Mono",monospace; letter-spacing:.06em; text-decoration:none; transition:background .2s,color .2s; }.process-product-link span { color:#c3ed63; font-size:14px; line-height:.8; }.process-product-link:hover,.process-product-link:focus-visible { background:#c3ed63; color:#103629; outline:none; }.process-product-link:hover span,.process-product-link:focus-visible span { color:#103629; }.process-jump-nav { margin-top:25px; }
.process-hero { padding-top:92px; padding-bottom:78px; }.process-product-link-top { margin-top:10px; padding:7px 10px; font-size:10px; }.process-product-link-top + h1 { margin-top:24px; }.journey-origin { padding-top:65px; padding-bottom:65px; }.appearance-study { padding-top:82px; padding-bottom:82px; }.process-chapters { padding-top:78px; padding-bottom:78px; }.process-next { padding-top:100px; padding-bottom:105px; }.chapter-list article { padding-top:24px; padding-bottom:24px; }
.mechanical-accordion { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; border:0; }.mechanical-accordion details { overflow:hidden; border:1px solid #afc3b2; background:#f7faf5; }.mechanical-accordion summary { min-height:165px; padding:18px; align-content:center; }.mechanical-accordion summary strong { font-size:20px; }.mechanical-accordion summary small { margin-top:9px; line-height:1.45; }.mechanical-accordion details:hover { border-color:#35663f; background:#dbeccd; }.mechanical-accordion details[open] { grid-column:1 / -1; background:#f7faf5; }.mechanical-accordion details[open] summary { min-height:0; border-bottom:1px solid #afc3b2; }.mechanical-detail { padding:18px; }.mechanical-detail figure { width:min(100%,430px); }.mechanical-detail .circuits-visuals figure { flex-basis:190px; }
.mechanical-accordion details:not([open]) summary { aspect-ratio:1; }
@media (max-width:760px) { .process-hero { padding-top:75px; padding-bottom:60px; }.journey-origin,.appearance-study,.process-chapters { padding-top:65px; padding-bottom:65px; }.process-next { padding-top:80px; padding-bottom:85px; }.mechanical-accordion { grid-template-columns:1fr; }.mechanical-accordion details[open] { grid-column:auto; }.mechanical-accordion summary { min-height:115px; } }
@media (max-width:760px) { .mechanical-accordion details:not([open]) summary { aspect-ratio:auto; } }
.chapter-list { border-top:0; }.chapter-list article { border-bottom:0; }.chapter-list { margin-top:24px; }
.appearance-study { padding-bottom:60px; border-bottom:1px solid #afc3b2; }.process-chapters { padding-top:60px; }.appearance-study h2,.journey-origin h2,.chapter-list .chapter-content h2 { font-size:clamp(38px,4.25vw,60px); line-height:1.04; }.appearance-study h2 { letter-spacing:-.06em; }
.chapter-list { max-width:1280px; margin-left:auto; margin-right:auto; }.chapter-content { grid-template-columns:minmax(340px,.95fr) minmax(360px,.8fr); gap:72px; }.preference-visual,.final-visual { justify-content:center; }.final-visual figure { margin-left:0; }
.process-chapters .chapter-visuals figure,.mechanical-detail figure { width:auto; height:235px; max-width:100%; aspect-ratio:auto; flex:0 0 auto; }.process-chapters .chapter-visuals img,.mechanical-detail img { width:auto; height:100%; max-width:100%; object-fit:contain; }.prototype-visuals figure:first-child,.prototype-visuals figure:last-child,.ergonomics-visuals .wide-process-image,.preference-visual figure,.final-visual figure { width:auto; height:235px; aspect-ratio:auto; }.mechanical-detail .circuits-visuals figure,.mechanical-detail .circuits-visuals figure:first-child,.mechanical-detail .circuits-visuals figure:last-child { width:auto; height:235px; aspect-ratio:auto; flex:0 0 auto; }.mechanical-detail .circuits-visuals img { width:auto; height:100%; object-fit:contain; }
@media (max-width:760px) { .chapter-content { grid-template-columns:1fr; gap:28px; }.chapter-list { max-width:none; }.process-chapters .chapter-visuals figure,.mechanical-detail figure,.prototype-visuals figure:first-child,.prototype-visuals figure:last-child,.ergonomics-visuals .wide-process-image,.preference-visual figure,.final-visual figure,.mechanical-detail .circuits-visuals figure,.mechanical-detail .circuits-visuals figure:first-child,.mechanical-detail .circuits-visuals figure:last-child { height:190px; }.chapter-visuals,.mechanical-detail .circuits-visuals { justify-content:flex-start; overflow-x:auto; padding-bottom:5px; } }
body.process-page { background:#d9e5da; }.journey-origin,.appearance-study,.process-chapters,.process-next { max-width:1360px; margin:18px auto; border:1px solid #afc3b2; border-radius:14px; overflow:hidden; }.journey-origin,.appearance-study,.process-chapters { background:#e7eee6; }.process-next { background:#103629; }.chapter-list { display:grid; gap:14px; }.chapter-list article { padding:30px; border:1px solid #afc3b2; border-radius:10px; background:#f5f8f3; }.chapter-list article:first-child,.chapter-list article:last-child { border:1px solid #afc3b2; }.chapter-list article:hover { border-color:#719276; }.appearance-study { border-color:#afc3b2; }
.process-page .tilt-nav { border-color:#afc3b2; }.process-page .tilt-nav .brand,.process-page .tilt-nav-link { color:#142319; }.process-page .tilt-nav .brand span,.process-page .tilt-nav-link span { color:#35663f; }
@media (max-width:760px) { .journey-origin,.appearance-study,.process-chapters,.process-next { margin:10px; border-radius:10px; }.chapter-list { gap:10px; }.chapter-list article { padding:20px; } }
.chapter-list .chapter-content h2 { font-size:clamp(34px,3.25vw,48px); line-height:1.06; }
.process-section-intro { max-width:1280px; margin:0 auto 28px; }.process-section-intro .product-kicker { color:#35663f; }.process-section-intro h2,.journey-origin h2,.appearance-study h2 { margin:12px 0 14px; font-size:clamp(38px,4.25vw,60px); line-height:1.04; letter-spacing:-.06em; }.process-section-intro > p:last-child { max-width:650px; margin:0; color:#4b6050; font-size:16px; line-height:1.7; }.chapter-list .chapter-content h3 { margin:0 0 10px; color:#142319; font-size:clamp(26px,2.35vw,34px); line-height:1.08; letter-spacing:-.05em; }
.journey-origin div:last-child > p { display:grid; gap:16px; }.journey-origin div:last-child > p q { color:#142319; font-size:clamp(18px,1.9vw,26px); font-weight:400; line-height:1.5; letter-spacing:-.02em; }.journey-origin div:last-child > p cite { justify-self:end; color:#1f5130; font:700 clamp(15px,1.35vw,18px) "DM Sans",sans-serif; font-style:normal; letter-spacing:-.02em; text-align:right; }
.materials-section { max-width:1360px; margin:18px auto; padding:60px 40px; border:1px solid #afc3b2; border-radius:14px; background:#e7eee6; color:#142319; }.materials-intro { max-width:1280px; margin:0 auto 30px; }.materials-intro .product-kicker { color:#35663f; }.materials-intro h2 { margin:12px 0 14px; font-size:clamp(38px,4.25vw,60px); line-height:1.04; letter-spacing:-.06em; }.materials-intro > p:last-child { max-width:610px; margin:0; color:#4b6050; font-size:16px; line-height:1.7; }.materials-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; max-width:1280px; margin:auto; }.material-card { display:flex; min-height:245px; flex-direction:column; padding:26px; border:1px solid #afc3b2; border-radius:10px; background:#f7faf5; color:#142319; text-decoration:none; transition:background .2s,border-color .2s,transform .2s; }.material-card:hover,.material-card:focus-visible { border-color:#35663f; background:#dbeccd; outline:none; transform:translateY(-3px); }.material-card > span { color:#35663f; font:11px "DM Mono",monospace; letter-spacing:.08em; }.material-card strong { margin:35px 0 14px; font-size:clamp(28px,2.8vw,40px); letter-spacing:-.055em; line-height:1.04; }.material-card p { max-width:410px; margin:0; color:#4b6050; font-size:15px; line-height:1.65; }.material-card b { margin-top:auto; padding-top:28px; color:#35663f; font:500 11px "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; }.material-card i { margin-left:7px; color:#142319; font-size:15px; font-style:normal; }
@media (max-width:760px) { .materials-section { margin:10px; padding:45px 20px; border-radius:10px; }.materials-grid { grid-template-columns:1fr; }.material-card { min-height:220px; padding:21px; } }

/* Video remains a true 16:9 frame at every viewport width. */
.tilt-page .video-stage { width:min(70%,980px); height:auto; min-height:0; margin:0 auto; aspect-ratio:16/9; }
.tilt-page .video-embed { position:absolute; inset:0; width:100%; height:100%; }
.tilt-contact { max-width:760px; margin:0 auto; padding:0 40px 115px; color:#aebbb3; text-align:center; font-size:16px; line-height:1.75; }
.tilt-contact p { margin:0; }
.tilt-contact a { color:#c3ed63; text-decoration:none; border-bottom:1px solid currentColor; }
@media (max-width:760px) { .tilt-contact { padding:0 20px 75px; font-size:15px; } }

/* IEEE RO-MAN award announcement */
.award-trigger { padding:0; border:0; background:transparent; color:#c3ed63; cursor:pointer; font:12px "DM Mono",monospace; }
.award-dialog { width:min(640px,calc(100vw - 32px)); max-width:none; max-height:82vh; overflow:auto; padding:0; border:1px solid rgba(195,237,99,.45); background:#101815; color:#f5f3ed; box-shadow:0 30px 100px rgba(0,0,0,.72); }
.award-dialog::backdrop { background:rgba(3,7,5,.78); backdrop-filter:blur(7px); }
.award-copy { display:grid; grid-template-columns:minmax(0,1fr) 215px; gap:16px 22px; align-items:start; padding:31px 32px; }.award-copy .product-kicker { grid-column:1 / -1; }.award-copy h2 { margin:0; font-size:clamp(40px,5vw,57px); line-height:.9; letter-spacing:-.085em; }.award-copy h2 em { color:#c3ed63; font-style:normal; }.award-copy > p:not(.product-kicker) { margin:0; color:#c4d0c6; font-size:14px; line-height:1.55; }.award-copy > p strong { color:#f5f3ed; }.award-copy figure { grid-column:2; grid-row:2 / span 2; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.17); }.award-copy img { display:block; width:100%; height:auto; }.award-copy figcaption { padding:8px 9px; color:#aebbb3; font:9px "DM Mono",monospace; letter-spacing:.04em; }.award-close { position:absolute; z-index:1; top:11px; right:11px; display:grid; width:30px; height:30px; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(5,9,7,.65); color:#fff; cursor:pointer; font-size:22px; line-height:1; }
@media (max-width:620px) { .award-trigger { font-size:10px; }.award-copy { display:block; padding:31px 23px 25px; }.award-copy h2 { margin:13px 0 15px; }.award-copy > p:not(.product-kicker) { margin-bottom:19px; font-size:15px; }.award-copy figure { margin:0; }.award-copy figcaption { padding:9px 10px; } }