/* 2L² / ATELIER — One continuous cinematic canvas. All dimensions responsive. */
:root{color-scheme:dark;--night:#080d13;--navy:#0c141d;--ink:#f5f1e9;--muted:#b1b6bd;--gold:#d9b777;--line:rgba(212,184,128,.19);--scroll-progress:0;--hero-progress:0;--tech-progress:0;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Noto Sans CJK JP","Noto Sans Thai",Meiryo,sans-serif;font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--night)}body{margin:0;background:var(--night);color:var(--ink);font-size:15px;line-height:1.85;letter-spacing:.035em;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:#a7894c;color:#09101a}.skip-link{position:fixed;z-index:500;left:16px;top:-80px;background:var(--gold);color:#111;padding:10px 20px}.skip-link:focus{top:14px}.wrap{width:min(1380px,calc(100% - 112px));margin-inline:auto}.reading-progress{position:fixed;z-index:120;inset:0 auto auto 0;height:2px;width:calc(var(--scroll-progress)*100%);background:linear-gradient(90deg,#a07c43,#ffe1a1);box-shadow:0 0 15px #ca9a4d}
/* header */.header{position:fixed;top:0;inset-inline:0;z-index:100;height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.6%;border-bottom:1px solid transparent;transition:height .5s var(--ease),background .5s,border-color .5s}.header.scrolled,.menu-open .header{height:72px;background:rgba(7,11,17,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom-color:var(--line)}.brand{display:inline-flex;align-items:center;justify-self:start}.brand img{display:block;width:39px;height:auto;filter:drop-shadow(0 1px 13px rgba(210,173,89,.13))}.nav{display:flex;gap:clamp(18px,2.4vw,40px);align-items:center}.nav-link{font-size:11px;font-weight:550;white-space:nowrap;letter-spacing:.035em;color:#d3d2ce;transition:color .25s}.nav-link:hover,.nav-link.active{color:#e7c790}.nav-link::after{content:'';display:block;height:1px;transform:scaleX(0);background:var(--gold);transform-origin:left;transition:transform .35s var(--ease)}.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1)}.header-right{justify-self:end;display:flex;align-items:center;gap:28px}.language{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.06em}.language span{color:#5e6269}.language button{cursor:pointer;border:0;padding:8px 1px;color:#989b9e;background:none;transition:color .2s}.language button:hover,.language button.is-active{color:var(--gold)}.menu-button{display:none;border:0;background:transparent;cursor:pointer;width:42px;height:42px;position:relative}.menu-button span{position:absolute;left:10px;right:10px;top:16px;height:1px;background:var(--ink);transition:transform .3s,top .3s}.menu-button span+span{top:25px}.menu-button[aria-expanded=true] span{top:21px;transform:rotate(45deg)}.menu-button[aria-expanded=true] span+span{transform:rotate(-45deg)}.mobile-nav{display:none}
/* continuous global canvas, ambient backgrounds and story ribbon */.site-story{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse 76% 14% at 93% 11%,rgba(107,80,42,.17),transparent 67%),radial-gradient(ellipse 58% 19% at 6% 29%,rgba(21,44,60,.33),transparent 78%),radial-gradient(ellipse 55% 24% at 97% 62%,rgba(58,49,35,.18),transparent 74%),linear-gradient(125deg,#070c12 2%,#0c161e 41%,#080e15 76%,#080c11 100%)}.site-story:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.08' filter='url(%23n)'/%3E%3C/svg%3E")}.journey-ambient{pointer-events:none;position:absolute;z-index:-1;inset:0;overflow:hidden}.ambient-left,.ambient-right{position:absolute;width:70vw;height:70vw;border-radius:50%;filter:blur(80px);opacity:.1;background:#6e5830}.ambient-left{left:-52vw;top:18%}.ambient-right{right:-52vw;top:57%}.golden-thread{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;z-index:0;filter:drop-shadow(0 0 6px rgba(226,172,82,.25));opacity:.75}#thread-progress{stroke-dashoffset:calc(95 - var(--scroll-progress)*900)}.site-story section{position:relative;z-index:1}.eyebrow{margin:0 0 26px;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.25em;text-transform:uppercase}.hero{min-height:min(900px,100svh);height:800px;display:flex;align-items:center;position:relative;padding-top:100px;padding-bottom:90px}.hero-content{width:47%;max-width:620px;z-index:4;position:relative;padding-top:3vh}.hero-kicker{font-size:10px;margin-bottom:38px}.hero-title{margin:0;font-size:clamp(54px,5.35vw,96px);font-weight:440;letter-spacing:-.062em;line-height:1.32;white-space:nowrap;text-shadow:0 1px 40px #050a10}.lead{max-width:520px;font-size:clamp(14px,1.02vw,17px);font-weight:400;color:#dedddd;line-height:2.15;letter-spacing:.035em}.hero .lead{margin:29px 0 35px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:48px;padding:0 22px;border:1px solid var(--gold);font-size:12px;font-weight:620;letter-spacing:.06em;position:relative;overflow:hidden;transition:transform .45s var(--ease),border-color .3s,box-shadow .3s,background .3s;white-space:nowrap}.btn:hover{transform:translateY(-3px);box-shadow:0 9px 36px rgba(218,171,89,.15)}.btn--solid{color:#15130f;background:linear-gradient(110deg,#f3d89e,#c39b56)}.btn--outline{color:#f1e8d6;background:rgba(8,13,20,.46)}.btn--outline:hover{background:rgba(214,172,98,.09)}.btn-arrow{font-size:19px;font-weight:300;line-height:1}.scroll-note{display:flex;align-items:center;gap:17px;margin-top:clamp(38px,8vh,90px);color:#c1bbb3;font-size:9px;letter-spacing:.26em;white-space:nowrap}.scroll-bar{position:relative;width:80px;height:1px;background:rgba(215,185,127,.35);overflow:hidden}.scroll-bar:after{content:'';position:absolute;width:35%;height:100%;background:var(--gold);animation:scrollpulse 2.8s ease-in-out infinite}@keyframes scrollpulse{from{transform:translateX(-110%)}to{transform:translateX(320%)}}.hero-coordinate{position:absolute;right:0;bottom:46px;display:flex;gap:16px;align-items:center;color:rgba(229,203,161,.45);font-size:9px;letter-spacing:.2em}.hero-coordinate span:first-child{font-size:15px;color:rgba(224,187,123,.7)}
/* cropped reference artwork is used ONLY as visual art; all website text/nav are accessible live HTML */.visual{pointer-events:none;position:absolute;isolation:isolate}.visual-aura{position:absolute;z-index:-2;inset:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(207,151,69,.28),transparent 62%);filter:blur(38px)}.visual-img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 58% 56% at 53% 51%,black 24%,rgba(0,0,0,.95) 40%,transparent 96%);-webkit-mask-image:radial-gradient(ellipse 58% 56% at 53% 51%,black 24%,rgba(0,0,0,.95) 40%,transparent 96%)}.visual--chip{z-index:1;width:min(65vw,930px);height:min(71vw,920px);right:-4vw;top:50%;transform:translate3d(0,calc(-51% + var(--hero-progress)*100px),0) rotate(calc(var(--hero-progress)*-2deg));will-change:transform}.visual--chip .visual-img{object-position:51% 48%;filter:saturate(.91) contrast(1.06)}.visual-orbit{position:absolute;z-index:1;pointer-events:none;inset:9% 6% 23% 13%;border-radius:50%;border:1px solid rgba(234,184,102,.38);box-shadow:0 0 19px rgba(235,174,78,.15),inset 0 0 23px rgba(235,174,78,.12);transform:rotate(-24deg) rotateX(65deg);opacity:.72}.visual--chip .visual-orbit{inset:9% -4% 18% 8%;transform:rotate(-29deg) rotateX(66deg);border-top-color:rgba(255,218,152,.82)}.visual-floor{position:absolute;z-index:-1;bottom:9%;left:20%;right:7%;height:12%;background:radial-gradient(ellipse,rgba(211,166,89,.13),transparent 74%);filter:blur(15px)}
.story-section{scroll-margin-top:85px;border-top:1px solid rgba(188,164,127,.14);padding-block:clamp(95px,10.5vw,168px);min-height:650px;display:flex;align-items:center}.section-layout{display:grid;grid-template-columns:minmax(275px,35%) minmax(0,65%);align-items:center;gap:clamp(25px,4vw,78px)}.section-intro{max-width:390px;position:relative;z-index:2}.section-intro h2,.detail-hero h1{margin:0 0 24px;font-size:clamp(40px,3.7vw,67px);font-weight:430;line-height:1.47;letter-spacing:-.055em}.section-copy{font-size:14px;color:#bfc2c4;line-height:2.1;max-width:350px;margin:0 0 40px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid rgba(218,175,104,.6);padding:0 0 10px;color:#ead3a5;font-size:12px;font-weight:520;transition:gap .3s,color .3s;white-space:nowrap}.text-link:hover{gap:48px;color:white}.link-arrow{font-size:19px;font-weight:300}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;perspective:1200px}.service-card{position:relative;display:flex;flex-direction:column;min-height:340px;padding:24px 22px 23px;border:1px solid rgba(215,185,133,.16);background:linear-gradient(157deg,rgba(45,53,58,.36),rgba(9,16,23,.55) 70%);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:transform .65s var(--ease),border-color .45s,background .45s,box-shadow .45s;transform-style:preserve-3d;overflow:hidden}.service-card:before,.process-card:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(229,193,128,.8),transparent);transform:scaleX(0);transition:transform .5s}.service-card:hover,.process-card:hover{transform:translate3d(0,-11px,28px);background:linear-gradient(151deg,rgba(51,52,47,.5),rgba(10,18,26,.83));border-color:rgba(218,172,97,.51);box-shadow:0 24px 55px rgba(0,0,0,.22),0 0 29px rgba(214,162,85,.06)}.service-card:hover:before,.process-card:hover:before{transform:scaleX(1)}.card-number{display:flex;justify-content:space-between;font-size:11px;color:#e9d6b0;letter-spacing:.15em}.card-diagonal{font-size:14px;color:#9f987f}.service-symbol{position:relative;width:58px;height:60px;margin:46px auto 34px;display:flex;align-items:end;justify-content:center;gap:5px;filter:drop-shadow(0 0 10px rgba(229,176,97,.34))}.service-symbol i{display:block;width:12px;border:1px solid var(--gold);border-bottom-color:rgba(213,170,97,.45);background:linear-gradient(160deg,rgba(215,160,67,.12),transparent)}.service-symbol--1 i:nth-child(1){height:24px}.service-symbol--1 i:nth-child(2){height:47px}.service-symbol--1 i:nth-child(3){height:35px}.service-symbol--2{align-items:center}.service-symbol--2 i:first-child{height:48px;width:14px;position:absolute;left:22px}.service-symbol--2 i:last-child{height:14px;width:48px;position:absolute;top:23px}.service-symbol--3{align-items:center;transform:rotate(-30deg);gap:0}.service-symbol--3 i{height:35px;width:35px;position:absolute;transform:skewY(30deg)}.service-symbol--3 i:nth-child(2){transform:skewY(-30deg) translateX(17px);opacity:.8}.service-symbol--3 i:nth-child(3){transform:skewY(30deg) translateX(-17px);opacity:.5}.service-card strong,.process-card strong{font-size:17px;font-weight:570;letter-spacing:.02em}.service-desc{display:block;color:#aeb1b2;font-size:12px;line-height:1.9;letter-spacing:.02em;margin-top:9px}.card-link{margin:auto 0 0 auto;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(219,186,128,.38);border-radius:50%;color:var(--gold);font-size:18px}
/* technology and architectural cross-fade with previous section */.technology-section{min-height:820px}.technology-section .section-layout{grid-template-columns:32% 68%}.tech-scene{min-height:580px;position:relative;display:grid;grid-template-columns:70% 30%;align-items:center}.visual--stack{position:relative;width:100%;height:570px;z-index:1;transform:translate3d(0,calc(38px - var(--tech-progress)*70px),0) scale(calc(.92 + var(--tech-progress)*.1));transition:filter .4s;will-change:transform}.visual--stack .visual-img{object-fit:contain;mask-image:radial-gradient(ellipse 52% 51% at 53% 51%,black 42%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 52% 51% at 53% 51%,black 42%,transparent 100%)}.visual--stack .visual-orbit{inset:22% 7% 9%;border-color:rgba(255,217,149,.27)}.tech-labels{z-index:2;position:relative;padding-left:12px}.tech-label{display:flex;align-items:start;gap:17px;padding:24px 0;border-bottom:1px solid rgba(204,178,141,.14);font-size:12px;line-height:1.75;color:#dbd7d0}.tech-label:last-child{border-bottom:0}.tech-dot{height:7px;width:7px;flex:0 0 7px;margin-top:7px;border-radius:50%;background:#f1d6a1;box-shadow:0 0 16px rgba(234,187,93,.8)}.tech-label>div{display:flex;flex-direction:column;gap:9px}.tech-en{color:var(--gold);font-size:10px;letter-spacing:.16em}.projects-section{min-height:690px}.projects-section .section-layout{grid-template-columns:34% 66%}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.process-card{border:1px solid rgba(215,185,133,.16);background:linear-gradient(160deg,rgba(36,43,46,.37),rgba(9,14,20,.6));min-height:260px;padding:23px 16px;display:flex;flex-direction:column;position:relative;transition:transform .55s var(--ease),border-color .4s,background .4s}.process-figure{font-size:42px;line-height:1;color:var(--gold);font-weight:200;margin:34px auto 33px;opacity:.84}.process-card strong{font-size:14px}.process-card .service-desc{font-size:11px}.company-section{min-height:590px;background:radial-gradient(ellipse at 70% 55%,rgba(138,98,45,.075),transparent 45%)}.company-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center}.company-mark{position:relative;min-height:390px;display:grid;place-items:center;overflow:hidden}.company-mark>span:first-child{font-size:clamp(100px,12vw,190px);line-height:1;font-weight:350;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:1px rgba(212,177,112,.56);filter:drop-shadow(0 0 35px rgba(204,168,107,.12))}.company-mark sup{font-size:.44em;vertical-align:super}.mark-grid{position:absolute;z-index:-1;width:320px;height:320px;border:1px solid rgba(222,190,132,.12);transform:rotate(45deg)}.mark-grid:before,.mark-grid:after{content:'';position:absolute;inset:40px;border:1px solid rgba(222,190,132,.13)}.mark-grid:after{inset:80px}.contact-section{min-height:680px;border-bottom:1px solid rgba(188,164,127,.14)}.contact-layout{display:grid;grid-template-columns:43% 57%;align-items:center}.contact-section .section-intro{max-width:470px}.contact-pending{display:inline-flex;gap:12px;align-items:center;border:1px solid rgba(207,175,122,.26);padding:13px 17px;color:#c5b9a3;font-size:12px;line-height:1.6}.pending-dot{width:5px;height:5px;background:#c9aa75;border-radius:50%}.portal-scene{position:relative;height:500px;overflow:hidden}.visual--portal{inset:-16% -5% -17% 10%;height:135%;width:87%}.visual--portal .visual-img{object-fit:cover;mask-image:radial-gradient(ellipse 53% 61% at 52% 51%,black 14%,rgba(0,0,0,.84) 44%,transparent 94%);-webkit-mask-image:radial-gradient(ellipse 53% 61% at 52% 51%,black 14%,rgba(0,0,0,.84) 44%,transparent 94%)}.visual--portal .visual-orbit{display:none}.portal-caption{position:absolute;right:2%;bottom:12%;font-size:26px;font-weight:350;color:rgba(222,185,124,.6);letter-spacing:.01em}
/* details */.detail-story{min-height:100svh}.detail-hero{padding-top:170px;padding-bottom:110px;min-height:740px;display:flex;align-items:center}.detail-hero-copy{position:relative;z-index:4;max-width:580px}.detail-hero h1{font-size:clamp(55px,5vw,80px)}.detail-hero .lead{margin:24px 0 40px}.detail-hero .visual{position:absolute;top:17%;right:0;width:55%;height:640px}.detail-hero .visual--stack{transform:none}.detail-list{position:relative;z-index:2;border-top:1px solid var(--line);padding-block:20px 120px}.detail-item{scroll-margin-top:95px;border-bottom:1px solid var(--line);padding:60px 20px;max-width:940px;min-height:185px}.detail-item h2{font-size:clamp(24px,3.1vw,44px);font-weight:450;margin:0 0 12px;letter-spacing:-.04em}.detail-item p{font-size:14px;color:var(--muted);max-width:650px}.detail-action{margin-top:32px}.detail-end{padding-bottom:115px;display:flex;justify-content:space-between;gap:20px;align-items:center}.detail-end p{font-size:12px;color:var(--muted)}
/* footer */.footer{position:relative;z-index:5;background:#080c11;padding:32px max(5%,calc((100% - 1380px)/2)) 22px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-logo{display:flex;align-items:center;gap:13px;font-size:19px;letter-spacing:-.07em}.footer-logo img{width:28px;height:29px}.footer-top nav{display:flex;flex-wrap:wrap;gap:clamp(13px,2vw,30px)}.footer-top nav a{font-size:11px;color:#aeb4b9;transition:color .25s}.footer-top nav a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:26px;padding-top:15px;border-top:1px solid rgba(199,173,132,.09);color:#7e858d;font-size:11px}
/* reveal only when JS has attached observers */.has-motion .reveal{opacity:0;transform:translate3d(0,35px,0);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--delay,0ms)}.has-motion .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.has-motion .service-card.reveal.is-visible:hover{transform:translate3d(0,-11px,28px)}
@media(max-width:1180px){.wrap{width:min(100% - 80px,1220px)}.header{grid-template-columns:90px 1fr auto;padding-inline:4%}.nav{justify-content:center;gap:17px}.nav-link{font-size:10px}.section-layout{grid-template-columns:32% minmax(0,68%);gap:20px}.service-card{padding-inline:16px}.service-card strong{font-size:15px}.tech-scene{grid-template-columns:65% 35%}.visual--chip{width:68vw;height:73vw;right:-10vw}}
@media(max-width:860px){.header{height:74px;grid-template-columns:1fr auto}.header.scrolled{height:68px}.nav{display:none}.menu-button{display:block}.header-right{gap:17px}.mobile-nav{display:flex;position:fixed;z-index:99;inset:0;top:68px;padding:32px 7% 80px;background:rgba(7,12,18,.97);backdrop-filter:blur(30px);flex-direction:column;gap:0;opacity:0;visibility:hidden;transform:translateY(-20px);transition:opacity .35s,visibility .35s,transform .35s}.mobile-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:21px}.mobile-nav a span{color:var(--gold)}body.menu-open{overflow:hidden}.wrap{width:calc(100% - 64px)}.hero{min-height:760px;height:94svh;max-height:860px}.hero-content{width:67%}.hero-title{font-size:clamp(47px,7.1vw,75px)}.visual--chip{width:90vw;height:87vw;right:-28vw;top:50%;opacity:.8}.section-layout,.technology-section .section-layout,.projects-section .section-layout{grid-template-columns:1fr;gap:44px}.section-intro{max-width:590px}.story-section{min-height:0;padding-block:105px}.services-section{padding-top:110px}.service-card{min-height:300px}.tech-scene{min-height:520px;grid-template-columns:65% 35%}.visual--stack{height:520px}.process-card{min-height:235px}.company-section{min-height:0}.company-mark{min-height:280px}.contact-section{min-height:0}.contact-layout{grid-template-columns:1fr 1fr;gap:12px}.portal-scene{height:430px}.detail-hero{min-height:650px}.detail-hero .visual{opacity:.6}}
@media(max-width:600px){html{scroll-padding-top:70px}.wrap{width:calc(100% - 42px)}.header{padding:0 21px;height:68px}.brand img{width:32px}.language{gap:8px;font-size:10px}.header-right{gap:9px}.hero{height:auto;min-height:min(880px,100svh);padding-top:155px;padding-bottom:70px;align-items:start}.hero-content{width:100%;padding-top:0}.hero-kicker{margin-bottom:24px}.hero-title{font-size:clamp(43px,10vw,60px);line-height:1.38;letter-spacing:-.057em}.hero .lead{max-width:350px;font-size:13px;line-height:2;margin:22px 0 30px}.hero-actions{gap:10px}.btn{padding:0 14px;gap:14px;font-size:11px;min-height:45px}.scroll-note{margin-top:290px;font-size:8px}.hero-coordinate{right:0;bottom:19px;font-size:8px}.visual--chip{top:auto;bottom:42px;right:-23vw;width:112vw;height:112vw;opacity:.74;transform:translate3d(0,calc(var(--hero-progress)*38px),0)}.visual--chip .visual-orbit{opacity:.52}.story-section{padding-block:88px}.section-intro h2{font-size:clamp(37px,9vw,50px);margin-bottom:20px}.section-copy{font-size:13px;margin-bottom:24px}.eyebrow{font-size:9px;margin-bottom:21px}.service-grid{gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{min-height:220px;padding:14px 10px}.card-number{font-size:9px}.card-diagonal,.card-link{display:none}.service-symbol{margin:27px auto 20px;transform:scale(.73);height:36px}.service-card strong{font-size:12px;line-height:1.5}.service-desc{font-size:10px;line-height:1.8;margin-top:6px}.technology-section{padding-bottom:54px}.tech-scene{min-height:390px;display:block}.visual--stack{width:100%;height:360px;transform:translate3d(0,calc(25px - var(--tech-progress)*35px),0) scale(.95)}.tech-labels{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;margin-top:-10px}.tech-label{gap:7px;padding:0;border:0;font-size:10px;line-height:1.5}.tech-label>div{gap:6px}.tech-dot{width:4px;height:4px;flex-basis:4px;margin-top:5px}.tech-en{font-size:8px;letter-spacing:.04em}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.process-card{min-height:194px;padding:15px 13px}.process-figure{font-size:32px;margin:15px auto 17px}.process-card strong{font-size:13px}.process-card .service-desc{font-size:10px}.company-layout,.contact-layout{grid-template-columns:1fr}.company-mark{min-height:190px}.company-mark>span:first-child{font-size:115px}.mark-grid{width:175px;height:175px}.mark-grid:before{inset:18px}.mark-grid:after{inset:38px}.contact-section{padding-bottom:30px}.portal-scene{height:290px;margin-top:-20px}.portal-caption{right:6%;bottom:4%}.footer{padding:29px 21px 24px}.footer-top{align-items:start;flex-direction:column}.footer-top nav{gap:12px 20px}.footer-top nav a{font-size:10px}.footer-bottom{margin-top:30px}.detail-hero{padding-top:155px;padding-bottom:70px;min-height:650px;align-items:start}.detail-hero h1{font-size:44px}.detail-hero .lead{font-size:13px;max-width:330px}.detail-hero .visual{width:95%;height:430px;right:-25%;top:235px;opacity:.55}.detail-item{padding:42px 3px}.detail-end{display:block}.detail-end p{margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.has-motion .reveal{opacity:1;transform:none}.visual--chip,.visual--stack{transform:none}.scroll-bar:after{display:none}}