@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.grid{display:grid}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{color:#d7e2ea;font-synthesis:none;--ink:#0c0c0c;--silver:#d7e2ea;--line:#d7e2ea33;background:#0c0c0c;font-family:Kanit,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--ink)}body,#root,main{background:var(--ink);min-height:100%}body,main{overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline-offset:5px;outline:2px solid #d7e2ea}.hero-heading{background:linear-gradient(#646973 0%,#bbccd7 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero{align-items:center;min-height:100svh;padding:110px clamp(20px,5vw,74px) 70px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#05060b75 0%,#05060b2e 48%,#05060b9e 100%),linear-gradient(#05060b1a 0%,#0000 54%,#05060b 100%);position:absolute;inset:0}.hero:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#05060b00,#05060bf5);height:24vh;position:absolute;bottom:-1px;left:0;right:0}.hero-nav-wrap{z-index:40;width:min(100% - 32px,1380px);position:fixed;top:18px;left:50%;transform:translate(-50%)}.hero-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);isolation:isolate;background:#05060bf0;justify-content:space-between;align-items:center;gap:clamp(16px,3vw,42px);min-height:72px;padding:0 30px 0 36px;display:flex;position:relative}.nav-frame-bg{z-index:-1;-o-object-fit:fill;object-fit:fill;opacity:.35;filter:drop-shadow(0 0 18px #22d7ff29);width:100%;height:100%;position:absolute;inset:0}.hero-brand{color:#f7f8ff;text-shadow:0 0 18px #22d7ff73;min-width:198px;display:grid}.hero-brand strong{letter-spacing:.03em;font-size:1.6rem;font-weight:900;line-height:.96}.hero-brand strong span{color:#22d7ff;margin-left:5px;font-size:1.2rem;font-weight:600}.hero-brand em{color:#b7c0dc;letter-spacing:.12em;margin-top:6px;font-size:.625rem;font-style:normal;font-weight:700}.nav{color:#aab2ce;align-items:center;gap:clamp(10px,2.4vw,32px);margin-left:auto;display:flex}.nav a{text-align:center;min-width:58px;padding:13px 10px 16px;font-size:.8125rem;font-weight:700;transition:color .18s,text-shadow .18s;position:relative}.nav a:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#22d7ff,#0000);height:2px;transition:opacity .18s;position:absolute;bottom:2px;left:-8px;right:-8px}.nav a:hover{color:#f7f8ff;text-shadow:0 0 16px #22d7ff99}.nav a:hover:after{opacity:1}.nav-download{color:#f7f8ff;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:.75rem;font-weight:800;display:inline-flex;position:relative}.nav-download:before{z-index:-1;content:"";background:url(/assets/style/nav-components/nav-download-state.png) 50%/100% 100% no-repeat;position:absolute;inset:-10px -14px}.nav-download img{-o-object-fit:contain;object-fit:contain;width:16px;height:16px}.portrait-wrap{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portrait-placeholder{background:#05060b;width:100%;height:100%;position:relative;overflow:hidden}.hero-content{z-index:3;text-shadow:0 0 24px #05060bf2;width:min(720px,100%);padding-top:8vh;position:relative}.hero-eyebrow{color:#d8ddff;letter-spacing:0;margin:0 0 18px;font-size:clamp(.75rem,1vw,.9375rem);font-weight:700;transform:translateY(-14px)}.hero-title-space{height:clamp(150px,17vw,250px)}.hero-copy{color:#aab2ce;width:min(620px,100%);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:400;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.contact-button,.ghost-button{color:#f7f8ff;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);letter-spacing:.02em;background:#090e1fb3;border:1px solid #78dcff59;border-radius:0;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:.875rem;font-weight:500;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex}.contact-button{border-color:#ff3ee0bf;outline:0;box-shadow:0 0 34px #ff3ee040}.contact-button:hover,.ghost-button:hover{border-color:#22d7ffe6;transform:translateY(-2px);box-shadow:0 0 28px #22d7ff4d}.hero-meta{z-index:3;color:#aab2ce;letter-spacing:0;gap:28px;font-size:.75rem;display:flex;position:absolute;bottom:34px;right:clamp(22px,5vw,80px)}.hero-agent{z-index:5;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#050812db;border:1px solid #78dcff61;grid-template-columns:46px auto;align-items:center;gap:10px;min-width:176px;padding:8px 14px 8px 8px;display:grid;position:absolute;bottom:20px;right:18px}.hero-agent img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:50%;width:46px;height:46px}.hero-agent span{gap:3px;display:grid}.hero-agent strong{font-size:.75rem}.hero-agent em{color:#aab2ce;font-size:.65rem;font-style:normal}.portrait-placeholder{overflow:hidden}.portrait-placeholder:before,.portrait-placeholder:after{display:none}.portrait-placeholder video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.marquee-row img{aspect-ratio:2.8;-o-object-fit:contain;object-fit:contain;background:#17191b;border-radius:18px;flex:none;width:520px;height:auto}.nav,.hero-title-wrap{z-index:2;position:relative}.portrait-wrap{z-index:0;pointer-events:none;width:100%;height:100%;margin-left:0;inset:0}.portrait-placeholder{aspect-ratio:auto;background:#0c0c0c;border:0;border-radius:0;width:100%;height:100%}.portrait-placeholder video{-o-object-fit:cover;object-fit:cover}.marquee{padding:clamp(100px,11vw,160px) 0 40px;overflow:hidden}.marquee-row{will-change:transform;gap:12px;width:max-content;margin-bottom:12px;display:flex}.media-placeholder{background:linear-gradient(135deg,#151719,#25292c);border:1px solid #292c2f;border-radius:18px;flex:none;width:420px;height:270px;position:relative;overflow:hidden}.media-placeholder.alt{background:linear-gradient(135deg,#202125,#101112)}.media-placeholder:after{content:"";border:1px solid #d7e2ea14;border-radius:10px;position:absolute;inset:18px}.about{flex-direction:column;justify-content:center;align-items:center;gap:clamp(44px,6vw,72px);min-height:100svh;padding:100px 24px;display:flex;position:relative;overflow:hidden}.about>:not(.about-corner){z-index:1;position:relative}.section-heading{text-align:center;text-transform:uppercase;letter-spacing:-.045em;font-size:clamp(4rem,12vw,10rem);font-weight:900;line-height:.9}.about-copy{width:min(560px,72vw)}.copy-line,.service-line{background:#d7e2ea61;height:1px;margin:15px auto;display:block}.copy-line.wide{width:100%}.copy-line{width:88%}.copy-line.short{width:52%}.about-corner{z-index:0;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(220px,18vw,290px);height:auto;position:absolute}.about-corner-a{top:2%;left:2%}.about-corner-b{top:3%;right:2%}.about-corner-c{bottom:1%;left:3%}.about-corner-d{bottom:1%;right:3%}.about .contact-button{outline-offset:-3px;clip-path:none;color:#fff;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00 100%);border:0;border-radius:999px;outline:2px solid #fff;min-height:52px;padding:0 clamp(32px,4vw,48px);font-size:clamp(.78rem,1.25vw,1rem);font-weight:500;box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1}.about .contact-button:hover{border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 28px #b600a857,inset 4px 4px 12px #7721b1}.about-copy p{text-align:center;color:#b5c0c7;margin-bottom:18px;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:300;line-height:1.75}.services{color:#0c0c0c;background:#fff;border-radius:60px 60px 0 0;padding:clamp(90px,10vw,140px) max(20px,50% - 525px);position:relative}.services>h2{text-align:center;text-transform:uppercase;letter-spacing:-.045em;margin-bottom:clamp(60px,8vw,110px);font-size:clamp(4rem,12vw,10rem);font-weight:900;line-height:.9}.service-list article{border-top:1px solid #0c0c0c29;grid-template-columns:minmax(110px,.35fr) 1fr;align-items:center;gap:30px;padding:38px 0;display:grid}.service-list>div:last-child article{border-bottom:1px solid #0c0c0c29}.service-list b{font-size:clamp(3.2rem,8vw,7rem);font-weight:900;line-height:1}.service-list h3{text-transform:uppercase;font-size:clamp(1.3rem,2.2vw,2.1rem);font-weight:500}.service-line{background:#0c0c0c42;width:85%;margin:13px 0 0}.service-line.short{width:56%}.service-list p{color:#606563;margin-top:9px;font-size:clamp(.9rem,1.5vw,1.08rem);font-weight:300;line-height:1.55}.projects{z-index:2;background:#0c0c0c;border-radius:60px 60px 0 0;margin-top:-55px;padding:clamp(110px,12vw,170px) max(18px,50% - 700px) 20vh;position:relative}.projects>.section-heading{margin-bottom:90px}.project-stage{top:calc(76px + var(--stack-index)*24px);height:calc(100svh - 110px);min-height:680px;margin-bottom:18vh;position:sticky}.project-card{border:2px solid var(--silver);transform-origin:top;background:#0c0c0c;border-radius:56px;height:100%;min-height:650px;padding:28px;box-shadow:0 -24px 70px #0000009e}.project-card header{grid-template-columns:140px .45fr 1fr auto;align-items:center;gap:24px;margin-bottom:22px;display:grid}.project-card header b{font-size:clamp(4rem,8vw,7rem);line-height:1}.project-card header span{text-transform:uppercase;letter-spacing:.12em;color:#7c878f;font-size:.875rem}.project-card h3{text-transform:uppercase;font-size:clamp(1.4rem,2.3vw,2.3rem);font-weight:500}.project-card header>a{border:2px solid var(--silver);text-align:center;white-space:nowrap;letter-spacing:.1em;background:0 0;border-radius:999px;padding:13px 28px}.project-featured-cover{background:#16181a;border:1px solid #30343a;border-radius:38px;height:calc(100% - 145px);min-height:522px;overflow:hidden}.project-featured-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.archive{z-index:3;color:#292723;background:#efede5;border-radius:58px 58px 0 0;padding:clamp(90px,9vw,140px) max(22px,50% - 480px) clamp(110px,11vw,170px);scroll-margin-top:88px;position:relative}.archive-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px;display:flex}.archive-heading p{color:#fff;letter-spacing:.08em;background:#202f61;margin-bottom:8px;padding:5px 9px;font-size:.72rem;font-weight:800;display:inline-block;transform:rotate(-3deg)}.archive-heading h2{letter-spacing:-.055em;font-size:clamp(3.4rem,7vw,6.8rem);font-weight:800;line-height:.9}.archive-heading>span{color:#777268;letter-spacing:.12em;padding-bottom:8px;font-size:.75rem;font-weight:700}.archive-nav{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;background:#e0ddd2eb;border-radius:999px;gap:5px;width:max-content;max-width:100%;margin:0 auto 34px;padding:5px;display:flex;position:sticky;top:106px;overflow-x:auto;box-shadow:0 9px 30px #241f1614}.archive-nav button{color:#4f4b44;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;min-height:39px;padding:0 18px;font-size:.82rem;font-weight:700}.archive-nav button.is-active{color:#fff;background:#ff8a2a;box-shadow:0 5px 15px #ff8a2a40}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 26px;display:grid}.archive-card{color:#292723;cursor:pointer;text-align:left;background:0 0;border:0;min-width:0;padding:0;display:block}.archive-cover{aspect-ratio:1.42;background:var(--project-color);border-radius:22px;display:block;position:relative;overflow:hidden}.archive-cover:after{content:"";background:linear-gradient(#0000 58%,#0c0c0c47);position:absolute;inset:0}.archive-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1);display:block}.archive-cover i{z-index:2;color:#fff;opacity:0;background:#ff8a2a;border-radius:50%;place-items:center;width:48px;height:48px;font-style:normal;transition:opacity .25s,transform .35s;display:grid;position:absolute;bottom:16px;right:16px;transform:scale(.72)rotate(-24deg)}.archive-cover i svg{width:21px}.archive-card:hover .archive-cover img{transform:scale(1.035)}.archive-card:hover .archive-cover i{opacity:1;transform:scale(1)rotate(0)}.archive-card-copy{gap:2px;padding-top:12px;display:grid}.archive-card-copy strong{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.15}.archive-card-copy em{color:#777268;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:.9rem;font-style:normal}.detail-open{overflow:hidden}.work-detail{--project-color:#263b62;z-index:100;background:var(--project-color);color:#fff;overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}.detail-back{z-index:4;color:#fff;cursor:pointer;background:#2f8ff3;border:0;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:fixed;top:24px;left:24px;box-shadow:0 12px 34px #0000002e}.detail-back svg{width:28px;height:28px}.detail-intro{grid-template-columns:.9fr 1.1fr;gap:clamp(56px,10vw,150px);width:min(1160px,100% - 96px);margin:0 auto;padding:clamp(110px,12vw,155px) 0 80px;display:grid}.detail-kicker{color:#ffffff8f;letter-spacing:.14em;margin-bottom:12px;font-size:.72rem;font-weight:800}.detail-intro h2{letter-spacing:-.055em;font-size:clamp(3.8rem,7vw,7.5rem);font-weight:700;line-height:.85}.detail-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.detail-tags span{background:#ffffff2e;border-radius:999px;padding:7px 14px;font-size:.74rem;font-weight:700}.detail-intro>div:last-child{align-self:center}.detail-intro>div:last-child>p{color:#ffffffdb;max-width:520px;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.8}.detail-scroll{color:#fff;cursor:pointer;letter-spacing:.08em;background:#2f8ff3;border:0;border-radius:999px;align-items:center;gap:12px;min-height:48px;margin-top:28px;padding:0 23px;font-size:.78rem;font-weight:800;display:inline-flex}.detail-scroll svg{width:18px}.detail-gallery{background:#ffffff24;border-radius:44px 44px 0 0;padding:64px max(24px,50% - 450px) 110px}.detail-gallery figure{margin:0 0 64px}.detail-gallery img{-o-object-fit:contain;object-fit:contain;background:#080a102e;border-radius:24px;width:100%;height:auto;max-height:86vh;display:block;box-shadow:0 24px 70px #0000002e}.detail-gallery figcaption{color:#ffffffb8;letter-spacing:.1em;text-transform:uppercase;margin-top:12px;font-size:.75rem;font-weight:700}.detail-next{color:#292723;cursor:pointer;text-align:left;background:#efede5;border:0;grid-template-columns:1fr auto;align-items:center;width:100%;padding:70px max(28px,50% - 480px);display:grid}.detail-next span{color:#777268;letter-spacing:.14em;grid-column:1;font-size:.7rem;font-weight:800}.detail-next strong{letter-spacing:-.04em;grid-column:1;margin-top:7px;font-size:clamp(2rem,4vw,4rem)}.detail-next svg{color:#ff8a2a;grid-area:1/2/3;width:42px;height:42px}footer{border-top:1px solid var(--line);text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;padding:120px 40px 44px;display:flex}footer p{font-size:clamp(1.1rem,2.5vw,2.4rem)}footer>a:last-child{color:#7e8991}.contact-note{color:#7e8991;text-align:center;font-size:.82rem;line-height:1.6}@media (width<=760px){.hero{padding:92px 18px 56px}.hero-nav-wrap{width:calc(100% - 20px);top:10px}.hero-nav{min-height:56px;padding:0 12px}.hero-brand{min-width:auto}.hero-brand strong{font-size:1.1rem}.hero-brand strong span,.hero-brand em{display:none}.nav{gap:2px}.nav a{min-width:auto;padding:12px 7px;font-size:.68rem}.nav-download{display:none}.hero-content{width:100%;padding-top:42vh}.hero-eyebrow{margin-bottom:10px;font-size:.67rem;transform:none}.hero-title-space{display:none}.hero-copy{max-width:none;font-size:.84rem;line-height:1.75}.hero-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.contact-button,.ghost-button{width:100%;min-height:46px;padding:0 10px;font-size:.72rem}.hero-meta{display:none}.hero-agent{width:54px;min-width:0;height:54px;padding:5px;display:block;bottom:10px;right:14px}.hero-agent img{width:44px;height:44px}.hero-agent span{display:none}.media-placeholder{width:250px;height:168px}.about-corner{opacity:.88;width:clamp(185px,47vw,220px)}.about-corner-a{top:2%;left:4px}.about-corner-b{top:4%;right:4px}.about-corner-c{bottom:0;left:6px}.about-corner-d{bottom:1%;right:6px}.about-copy{width:72vw}.about .contact-button{width:auto;min-height:48px;padding-inline:34px}.services,.projects{border-radius:38px 38px 0 0}.service-list article{grid-template-columns:70px 1fr;gap:18px;padding:27px 0}.service-list b{font-size:2.7rem}.project-stage{height:auto;min-height:0;margin-bottom:28px;position:relative!important;top:auto!important}.project-card{border-radius:30px;height:auto;min-height:0;padding:14px}.project-card header{grid-template-columns:70px 1fr;gap:8px 14px}.project-card header button{grid-column:1/-1;width:100%;padding:11px}.project-grid{grid-template-columns:1fr}.project-grid>div:first-child{grid-template-columns:1fr 1fr}.project-placeholder.small,.project-placeholder.medium{height:130px}.project-placeholder.tall{height:260px}.project-placeholder:after{border-radius:12px}footer{flex-direction:column;align-items:stretch;padding:90px 18px 30px}footer .contact-button{width:auto}.hero{height:100svh;min-height:100svh;max-height:100svh}.portrait-wrap{width:100%;height:100%;inset:0}.portrait-placeholder{background:#05060b;height:100%}.portrait-placeholder video{-o-object-fit:cover;object-fit:cover;-o-object-position:62% center;object-position:62% center;width:100%;height:100%}.hero:after{background:linear-gradient(#05060b1f 0%,#05060bc2 42%,#05060beb 100%),linear-gradient(90deg,#05060b7a 0%,#05060b2e 100%)}.marquee{padding-top:78px}.media-placeholder{border-radius:14px;width:220px;height:148px}.about{min-height:760px;padding-inline:18px}.about .section-heading,.projects>.section-heading,.services>h2{font-size:20vw}.projects{padding:95px 10px 14vh}.projects>.section-heading{margin-bottom:64px}.project-stage{height:calc(100svh - 42px);min-height:600px;margin-bottom:16vh;top:calc(14px + var(--stack-index)*14px)!important;position:sticky!important}.project-card{border-radius:28px;height:100%;min-height:0;padding:12px;box-shadow:0 -18px 55px #000000b8}.project-card header{grid-template-columns:58px 1fr auto;gap:5px 10px;margin-bottom:10px}.project-card header b{grid-row:1/3;font-size:2.8rem}.project-card header span{font-size:.65rem}.project-card header h3{font-size:1.05rem}.project-card header>a{grid-column:1/-1;min-height:42px;margin-top:5px;padding:9px;font-size:.75rem}.project-grid{grid-template-rows:35% 65%;grid-template-columns:1fr;gap:8px;height:calc(100% - 130px)}.project-grid>div:first-child{grid-template-columns:1fr 1fr;gap:8px}.project-placeholder.small,.project-placeholder.medium,.project-placeholder.tall{height:100%;min-height:0}.project-placeholder{border-radius:18px}.project-placeholder:after{border-radius:10px;width:calc(100% - 20px);height:calc(100% - 20px);margin:9px}footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (prefers-reduced-motion:no-preference){.portrait-placeholder video{animation:16s ease-in-out infinite alternate hero-drift}}@keyframes hero-drift{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.07)translate(-1.2%,-.8%)}}.nav a.is-current{color:#f7f8ff;text-shadow:0 0 16px #22d7ff99;border:1px solid #78dcff47;border-radius:5px}.nav a.is-current:after{opacity:1}@media (width<=1100px){.portrait-placeholder video{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;animation:none}.hero-meta{display:none}}@media (width<=1100px) and (width>=761px){.hero{padding:clamp(84px,10vw,110px) clamp(24px,5vw,55px) clamp(46px,6vw,66px)}.hero-nav-wrap{width:calc(100% - clamp(20px,3vw,32px));top:clamp(10px,1.6vw,18px)}.hero-nav{gap:clamp(8px,2vw,24px);min-height:clamp(58px,6.5vw,72px);padding-inline:clamp(18px,3vw,32px)}.hero-brand{min-width:clamp(126px,18vw,198px)}.hero-brand strong{font-size:clamp(1.15rem,2.3vw,1.6rem)}.hero-brand strong span{font-size:clamp(.88rem,1.75vw,1.2rem)}.hero-brand em{font-size:clamp(.48rem,.9vw,.625rem)}.nav{gap:clamp(2px,1.6vw,18px)}.nav a{min-width:clamp(42px,5.3vw,58px);padding-inline:clamp(5px,.8vw,10px);font-size:clamp(.68rem,1.15vw,.8125rem)}.nav-download{min-height:clamp(40px,4.6vw,48px);padding-inline:clamp(9px,1.5vw,18px);font-size:clamp(.64rem,1vw,.75rem)}.hero-content{width:min(66vw,720px);padding-top:26vh}.hero-eyebrow{font-size:clamp(.66rem,1.2vw,.84rem)}.hero-title-space{height:clamp(105px,17vw,187px)}.hero-copy{font-size:clamp(.84rem,1.7vw,1.1rem);line-height:1.9}.hero-actions{gap:clamp(9px,1.3vw,14px);margin-top:clamp(22px,3vw,34px)}.contact-button,.ghost-button{min-height:clamp(40px,4.5vw,46px);padding-inline:clamp(14px,2vw,20px);font-size:clamp(.72rem,1.15vw,.875rem)}.hero-agent{grid-template-columns:clamp(38px,4.2vw,46px) auto;min-width:clamp(148px,16vw,176px);padding:clamp(6px,.75vw,8px) clamp(10px,1.3vw,14px) clamp(6px,.75vw,8px) clamp(6px,.75vw,8px);bottom:clamp(12px,1.8vw,20px);right:clamp(12px,1.7vw,18px)}.hero-agent img{width:clamp(38px,4.2vw,46px);height:clamp(38px,4.2vw,46px)}}@media (width<=760px){.hero-nav{padding-inline:clamp(7px,3vw,12px)}.hero-brand strong{font-size:clamp(.88rem,4.5vw,1.1rem)}.nav{gap:clamp(0px,.4vw,2px)}.nav a{padding-inline:clamp(3px,1.6vw,7px);font-size:clamp(.56rem,2.75vw,.68rem)}.hero-content{padding-top:42vh}.hero-eyebrow{font-size:clamp(.56rem,2.7vw,.67rem)}.hero-copy{font-size:clamp(.7rem,3.4vw,.84rem);line-height:1.65}.hero-actions{gap:clamp(7px,3vw,12px);margin-top:clamp(16px,5vw,24px)}.contact-button,.ghost-button{min-height:clamp(40px,11.8vw,46px);padding-inline:clamp(6px,2.5vw,10px);font-size:clamp(.62rem,2.9vw,.72rem)}.hero-agent{width:clamp(46px,13.8vw,54px);height:clamp(46px,13.8vw,54px);bottom:clamp(7px,2.5vw,10px);right:clamp(8px,3.5vw,14px)}.hero-agent img{width:100%;height:100%}}@media (width<=760px){.hero:after{background:linear-gradient(#05060b0a 0%,#05060b33 48%,#05060ba3 100%),linear-gradient(90deg,#05060b38 0%,#05060b0f 100%)}.hero:before{background:linear-gradient(#05060b00,#05060b8c);height:12vh}}@media (width<=1100px){.portrait-placeholder:before{content:"";filter:blur(18px);opacity:.72;background:linear-gradient(#05060b73,#05060b9e),url(/assets/profile/hero-robot.webp) 50%/cover no-repeat;border:0;border-radius:0;display:block;position:absolute;inset:-8%;transform:scale(1.06)}.portrait-placeholder video{z-index:1;position:relative}.hero{--hero-safe-top:clamp(78px,9vw,104px)}.hero:after,.hero:before{display:none}.portrait-wrap{inset:var(--hero-safe-top) 0 auto;height:min(calc(100svh - var(--hero-safe-top)),56.25vw)}.portrait-placeholder{background:#05060b}.portrait-placeholder:before{display:none}.portrait-placeholder:after{z-index:2;content:"";background:linear-gradient(90deg,#05060b3d,#05060b05 54%,#05060b38),linear-gradient(#0000 68%,#05060b7a);border:0;border-radius:0;display:block;position:absolute;inset:0}.portrait-placeholder video{z-index:1;-o-object-fit:contain;object-fit:contain;-o-object-position:center top;object-position:center top;width:100%;height:100%;position:relative}}@media (width<=1100px) and (width>=761px){.hero{height:calc(var(--hero-safe-top) + min(calc(100svh - var(--hero-safe-top)),56.25vw));min-height:0}.hero-content{top:calc(var(--hero-safe-top) + clamp(70px,11vw,120px));padding-top:0;position:absolute;left:clamp(24px,5vw,55px)}}@media (width<=760px){.hero{--hero-safe-top:clamp(68px,19vw,78px);height:calc(var(--hero-safe-top) + 56.25vw + clamp(230px,55vw,270px));min-height:0;max-height:none}.portrait-wrap{height:56.25vw}.portrait-placeholder:after{background:linear-gradient(90deg,#05060b24,#0000 70%),linear-gradient(#0000 72%,#05060b61)}.hero-content{top:calc(var(--hero-safe-top) + 56.25vw + clamp(14px,4vw,24px));width:calc(100% - clamp(28px,9vw,36px));padding-top:0;position:absolute;left:clamp(14px,4.5vw,18px)}.marquee{padding-top:24px}.marquee-row img{border-radius:14px;width:330px}}.hero:after{background:linear-gradient(90deg,#05060b75 0%,#05060b2e 48%,#05060b9e 100%),linear-gradient(#05060b1a 0%,#0000 54%,#05060b 100%)}.hero:before{background:linear-gradient(#05060b00,#05060bf5);height:24vh}@media (width<=1100px){.portrait-placeholder:after{background:linear-gradient(90deg,#05060b75 0%,#05060b2e 48%,#05060b9e 100%),linear-gradient(#05060b1a 0%,#0000 54%,#05060bf5 100%)}}@media (width<=760px){.portrait-placeholder:after{background:linear-gradient(#05060b1f 0%,#05060bc2 42%,#05060beb 100%),linear-gradient(90deg,#05060b7a 0%,#05060b2e 100%)}}@media (width<=1100px){.portrait-placeholder:after{background:linear-gradient(90deg,#05060b57 0%,#05060b14 52%,#05060b70 100%),linear-gradient(#05060b0a 0%,#0000 58%,#05060bb8 100%)}.hero-content{text-shadow:0 2px 8px #05060bf2,0 0 24px #05060bd1}}@media (width<=760px){.portrait-placeholder:after{background:linear-gradient(90deg,#05060b40 0%,#05060b0a 62%,#05060b47 100%),linear-gradient(#05060b05 0%,#0000 62%,#05060b85 100%)}}@media (width>=1101px){.portrait-wrap{height:auto;inset:96px 0 0}.portrait-placeholder video{-o-object-position:center;object-position:center}}.portfolio-agent{z-index:60;pointer-events:none;justify-items:end;gap:12px;display:grid;position:fixed;bottom:clamp(16px,3vw,34px);right:clamp(16px,3vw,34px)}.agent-trigger,.agent-panel{pointer-events:auto}.agent-trigger{color:#f7f8ff;cursor:pointer;text-align:left;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(135deg,#0a0d1af0,#050812db),radial-gradient(circle at 16% 18%,#ff3ee038,#0000 52%);border:1px solid #78dcff61;grid-template-columns:44px 1fr;align-items:center;gap:10px;min-width:178px;padding:9px 14px 9px 9px;display:grid;box-shadow:0 0 22px #22d7ff24}.agent-avatar{background:#050812e0;border:1px solid #ff3ee073;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 34px #ff3ee040}.agent-avatar:after{content:"";background:linear-gradient(90deg,#0000,#22d7ff6b,#0000);animation:2.8s linear infinite agent-scan;position:absolute;inset:-40% 14%;transform:rotate(18deg)}.agent-avatar img{-o-object-fit:cover;object-fit:cover;-o-object-position:58% 24%;object-position:58% 24%;width:115%;height:115%}.agent-trigger strong,.agent-trigger em{display:block}.agent-trigger em{color:#22d7ff;margin-top:2px;font-size:11px;font-style:normal}.agent-panel{clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);background:linear-gradient(145deg,#0a0d1af7,#050812f2),radial-gradient(circle at 88% 8%,#ff3ee024,#0000 42%);border:1px solid #78dcff42;order:-1;width:min(380px,100vw - 28px);overflow:hidden;box-shadow:0 24px 80px #0000006b,0 0 26px #22d7ff1f}.agent-head{border-bottom:1px solid #78dcff29;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 14px;display:flex}.agent-head p{color:#22d7ff;margin:0 0 6px;font-size:11px;font-weight:800}.agent-head strong{color:#f7f8ff;font-size:15px;line-height:1.45;display:block}.agent-close{color:#aab2ce;cursor:pointer;background:#050812b8;border:1px solid #ffffff2e;flex:none;place-items:center;width:28px;height:28px;display:grid}.agent-messages{scrollbar-width:thin;gap:10px;max-height:min(310px,40vh);padding:16px 18px;display:grid;overflow-y:auto}.agent-message{color:#dce1fb;background:#050812c2;border:1px solid #78dcff29;max-width:88%;padding:10px 12px;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:13px;line-height:1.65}.agent-message.bot{border-color:#22d7ff3d;justify-self:start}.agent-message.user{color:#f7f8ff;background:#2a0c3470;border-color:#ff3ee047;justify-self:end}.agent-prompts{flex-wrap:wrap;gap:8px;padding:0 18px 14px;display:flex}.agent-prompts button{color:#aab2ce;cursor:pointer;background:#0508129e;border:1px solid #78dcff38;min-height:30px;padding:0 10px;font-size:12px}.agent-prompts button:hover,.agent-form button:hover{color:#f7f8ff;border-color:#22d7ffb8}.agent-form{border-top:1px solid #78dcff24;grid-template-columns:1fr 64px;gap:8px;padding:14px 18px 18px;display:grid}.agent-form input,.agent-form button{color:#f7f8ff;background:#050812c2;border:1px solid #78dcff33;min-height:40px}.agent-form input{outline:none;width:100%;min-width:0;padding:0 12px}.agent-form input:focus{border-color:#ff3ee09e;box-shadow:0 0 0 3px #ff3ee01f}.agent-form button{cursor:pointer;color:#22d7ff;font-weight:800}@keyframes agent-scan{0%{transform:translate(-130%)rotate(18deg)}to{transform:translate(130%)rotate(18deg)}}@media (width<=720px){.portfolio-agent{bottom:12px;right:12px}.agent-trigger{grid-template-columns:44px;min-width:54px;padding:8px}.portfolio-agent:not(.is-open) .agent-trigger>span:last-child{display:none}.agent-panel{width:calc(100vw - 24px)}.portfolio-agent.is-open .agent-trigger{grid-template-columns:44px 1fr;min-width:178px}}@media (width<=760px){.archive{border-radius:34px 34px 0 0;padding:82px 16px 100px}.archive-heading{align-items:flex-start;margin-bottom:28px}.archive-heading h2{font-size:3.7rem}.archive-heading>span{padding-top:10px;font-size:.62rem}.archive-nav{justify-content:flex-start;margin-bottom:24px;top:76px}.archive-nav button{min-height:36px;padding-inline:14px;font-size:.72rem}.archive-grid{grid-template-columns:1fr;gap:26px}.archive-cover{border-radius:18px}.archive-cover i{display:none}.archive-card-copy strong{font-size:1.3rem}.archive-card-copy em{font-size:.82rem}.detail-back{width:46px;height:46px;top:16px;left:16px}.detail-intro{grid-template-columns:1fr;gap:26px;width:auto;padding:96px 16px 48px}.detail-intro h2{font-size:clamp(3rem,14vw,4.3rem);line-height:.9}.detail-tags{margin-top:20px}.detail-intro>div:last-child>p{font-size:.95rem;line-height:1.72}.detail-scroll{margin-top:22px}.detail-gallery{border-radius:28px 28px 0 0;padding:28px 16px 68px}.detail-gallery figure{margin-bottom:28px}.detail-gallery img{border-radius:17px;max-height:none}.detail-next{padding:45px 18px}.detail-next strong{font-size:1.8rem}.detail-next svg{width:30px;height:30px}}body.detail-open .hero-nav-wrap,body.detail-open .portfolio-agent{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.work-detail{isolation:isolate;z-index:10000!important}.detail-transition{z-index:5;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.detail-transition svg{color:#fff;background:#2f8ff3;border-radius:50%;width:58px;height:58px;padding:14px}.detail-back{z-index:6}.archive button:focus-visible,.work-detail button:focus-visible{outline-offset:4px;outline:3px solid #fff}.archive-nav button:focus-visible,.archive-card:focus-visible{outline-color:#ff8a2a}@media (prefers-reduced-motion:reduce){.archive-cover img,.archive-cover i{transition:none}.detail-transition{display:none}.work-detail,.detail-intro,.detail-gallery{transition:none!important;animation:none!important}}.hero-nav-wrap{transition:opacity .35s,transform .5s cubic-bezier(.22,1,.36,1)}body.archive-zone .hero-nav-wrap{opacity:0;pointer-events:none;transform:translate(-50%,-145%)}.detail-shot img{will-change:transform}.detail-intro h2{white-space:normal;text-wrap:balance;font-size:clamp(3rem,4.5vw,4.8rem);line-height:.9}@media (width<=760px){.detail-intro h2{font-size:clamp(2.55rem,11vw,3rem);line-height:.94}.archive-heading h2{font-size:clamp(3.2rem,16vw,4.2rem)}}@media (prefers-reduced-motion:reduce){.detail-shot,.detail-shot img{opacity:1!important;transform:none!important}}@media (width<=760px){.archive-nav{border-radius:24px;flex-wrap:wrap;justify-content:center;width:100%;display:flex;overflow:visible}.archive-nav button{flex:none;padding-inline:13px}}.project-card header>.project-link{border:2px solid var(--silver);color:inherit;cursor:pointer;font:inherit;text-align:center;white-space:nowrap;letter-spacing:.1em;background:0 0;border-radius:999px;padding:13px 28px}@media (width<=760px){.project-card header>.project-link{grid-column:1/-1;width:100%;min-height:42px;margin-top:5px;padding:9px;font-size:.75rem}}.detail-shot{transform-origin:50%;will-change:transform;overflow:visible}.detail-shot-frame{background:#080a102e;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #0000002e}.detail-shot-frame img{box-shadow:none;transform-origin:50%;will-change:transform;border-radius:0}@media (width<=760px){.detail-shot-frame{border-radius:17px}}.detail-home{color:#777268;background:#efede5;justify-items:center;gap:10px;padding:0 20px 54px;display:grid}.detail-home button{color:#fff;cursor:pointer;background:#2f8ff3;border:0;border-radius:50%;place-items:center;width:62px;height:62px;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:0 12px 30px #2f8ff347}.detail-home button:hover{transform:translateY(-4px);box-shadow:0 18px 38px #2f8ff35c}.detail-home button:focus-visible{outline-offset:4px;outline:3px solid #292723}.detail-home svg{width:27px;height:27px}.detail-home span{letter-spacing:.12em;font-size:.72rem;font-weight:800}@media (width<=760px){.detail-home{padding-bottom:40px}.detail-home button{width:56px;height:56px}.detail-home svg{width:24px;height:24px}.projects{padding-top:54px}.projects>.section-heading{margin-bottom:46px}}.portfolio-agent{gap:14px;bottom:clamp(14px,2.5vw,28px);right:clamp(14px,2.5vw,30px)}.agent-trigger{clip-path:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0e1224f5,#080916eb);border:1px solid #85e1ff70;border-radius:999px;grid-template-columns:58px 1fr;gap:12px;min-width:224px;padding:7px 18px 7px 7px;transition:transform .28s,border-color .28s,box-shadow .28s;position:relative;overflow:visible;box-shadow:0 16px 50px #0006,inset 0 0 0 1px #ffffff0d,0 0 30px #33d2ff1f}.agent-trigger:before{content:"";pointer-events:none;border:1px solid #6adeff1f;border-radius:999px;position:absolute;inset:-7px}.agent-trigger:hover{border-color:#60e2ffc7;transform:translateY(-3px);box-shadow:0 20px 60px #00000075,0 0 34px #25d3ff3d}.agent-avatar{background:radial-gradient(circle at 50% 38%,#182953,#070914 70%);border:1px solid #6de1ff8c;width:58px;height:58px;box-shadow:0 0 0 4px #33d2ff0f,0 0 30px #2acdff47}.agent-avatar:before{z-index:2;content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute;inset:3px}.agent-avatar:after{background:linear-gradient(90deg,#0000,#55ebff8c,#0000);animation-duration:3.4s;inset:-35% 8%}.agent-avatar img{-o-object-position:58% 22%;object-position:58% 22%;width:122%;height:122%}.agent-status-dot{z-index:4;background:#62f6b5;border:2px solid #0a0d1c;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:1px;box-shadow:0 0 12px #62f6b5e6}.agent-trigger strong{letter-spacing:.04em;font-size:14px}.agent-trigger em{color:#8adff7;letter-spacing:.05em;margin-top:4px;font-size:10px}.agent-trigger em b{color:#ff68df;margin-left:4px;font-size:13px}.agent-panel{clip-path:none;background:linear-gradient(160deg,#0f142afa,#060814f7);border:1px solid #74deff4d;border-radius:26px;width:min(410px,100vw - 28px);box-shadow:0 28px 90px #00000094,0 0 45px #2cceff1f}.agent-head{background:linear-gradient(90deg,#25cdff14,#ff4bd60f);padding:17px 18px}.agent-head-identity{align-items:center;gap:12px;display:flex}.agent-head-avatar{background:#090d20;border:1px solid #6de1ff6b;border-radius:14px;flex:none;place-items:center;width:45px;height:45px;display:grid;overflow:hidden}.agent-head-avatar img{-o-object-fit:cover;object-fit:cover;-o-object-position:58% 22%;object-position:58% 22%;width:120%;height:120%}.agent-head p{margin-bottom:3px}.agent-head strong{font-size:14px}.agent-head small{color:#7d8ba9;letter-spacing:.08em;align-items:center;gap:6px;margin-top:5px;font-size:9px;display:flex}.agent-head small i{background:#62f6b5;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #62f6b5cc}.agent-close{background:#ffffff0a;border-radius:50%;font-size:18px}.agent-messages{gap:12px;padding:18px}.agent-message{border-radius:6px 18px 18px}.agent-message.user{border-radius:18px 6px 18px 18px}.agent-prompts button{border-radius:999px}.agent-form{grid-template-columns:1fr 70px}.agent-form input{border-radius:12px}.agent-form button{background:linear-gradient(135deg,#27cfff29,#ff46d724);border-radius:12px}@media (width<=720px){.portfolio-agent{bottom:12px;right:12px}.portfolio-agent:not(.is-open) .agent-trigger{border-radius:50%;grid-template-columns:1fr;width:66px;min-width:66px;height:66px;padding:4px}.portfolio-agent:not(.is-open) .agent-trigger:before{border-radius:50%;inset:-5px}.portfolio-agent:not(.is-open) .agent-avatar{width:56px;height:56px}.portfolio-agent.is-open .agent-trigger{grid-template-columns:52px 1fr;min-width:208px;padding:6px 15px 6px 6px}.portfolio-agent.is-open .agent-avatar{width:52px;height:52px}.agent-panel{border-radius:22px}.agent-head{padding:14px}.agent-head-avatar{width:40px;height:40px}.agent-messages{max-height:min(300px,38vh);padding:14px}.agent-prompts{padding-inline:14px}.agent-form{padding:12px 14px 14px}}.agent-avatar img,.agent-head-avatar img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.marquee-row img{aspect-ratio:1586/992;-o-object-fit:cover;object-fit:cover;background:#101216;width:430px}@media (width<=760px){.marquee-row img{width:290px}}.detail-section{margin-bottom:clamp(90px,12vw,160px)}.detail-section:last-child{margin-bottom:0}.detail-section-head{border-bottom:1px solid #ffffff38;grid-template-columns:auto 1fr;align-items:start;gap:clamp(18px,3vw,40px);margin:0 0 clamp(34px,5vw,64px);padding:0 0 24px;display:grid}.detail-section-head>span{color:#ffffff80;font-size:clamp(2rem,5vw,4.5rem);font-weight:800;line-height:.85}.detail-section-head p{color:#ffffff85;letter-spacing:.16em;margin:0 0 8px;font-size:.66rem;font-weight:800}.detail-section-head h3{letter-spacing:-.045em;font-size:clamp(2rem,5vw,4.6rem);font-weight:700;line-height:.92}.detail-section-head em{color:#ffffffad;max-width:620px;margin-top:14px;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:.9rem;font-style:normal;line-height:1.7;display:block}.detail-section-images{display:grid}.detail-section-images .detail-shot:last-child{margin-bottom:0}.detail-section-images.is-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(18px,2.5vw,34px)}.detail-section-images.is-grid .detail-shot{min-width:0;margin:0}.detail-section-images.is-grid .detail-shot-frame{aspect-ratio:1;background:#080a1021;place-items:center;padding:clamp(12px,2vw,24px);display:grid}.detail-section-images.is-grid img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;max-height:none}.detail-section-images.is-grid figcaption{margin-top:9px;font-size:.62rem}.work-detail--sticker-sets .detail-section-images.is-grid .detail-shot-frame{background:#fff;box-shadow:0 18px 48px #1a0f1f29}.work-detail--sticker-sets .detail-section-images.is-grid img{background:0 0}.work-detail--logo-design .detail-section-images.is-grid .detail-shot-frame{background:#fff;box-shadow:0 18px 48px #1a0f1f29}.work-detail--logo-design .detail-section-images.is-grid img{background:0 0}.detail-section-images.is-tiles{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(24px,3vw,42px) clamp(14px,2vw,24px)}.detail-section-images.is-tiles .detail-shot{min-width:0;margin:0}.detail-section-images.is-tiles .detail-shot:first-child{grid-column:1/-1}.detail-section-images.is-tiles img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:none}.detail-section-images.is-tiles figcaption{margin-top:9px;font-size:.62rem}.work-detail--corporate-posters .detail-section-images.is-tiles,.work-detail--marketing-posters .detail-section-images.is-tiles{-moz-column-count:2;column-count:2;-moz-column-gap:clamp(14px,2vw,24px);column-gap:clamp(14px,2vw,24px);display:block}.work-detail--corporate-posters .detail-section-images.is-tiles .detail-shot,.work-detail--marketing-posters .detail-section-images.is-tiles .detail-shot{-moz-column-break-inside:avoid;break-inside:avoid;width:100%;margin:0 0 clamp(24px,3vw,42px);display:inline-block}.work-detail--corporate-posters .detail-section-images.is-tiles .detail-shot:first-child,.work-detail--marketing-posters .detail-section-images.is-tiles .detail-shot:first-child{grid-column:auto}.work-detail--corporate-posters .detail-section:nth-child(2) .detail-section-images.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,42px) clamp(18px,2.4vw,30px)}.work-detail--corporate-posters .detail-section:nth-child(2) .detail-shot-frame{aspect-ratio:auto;background:#080a1021;padding:0}.work-detail--corporate-posters .detail-section:nth-child(2) .detail-shot-frame img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto}.work-detail--campaign-pages .detail-section-images.is-tiles{-moz-column-count:3;column-count:3;-moz-column-gap:clamp(14px,2vw,24px);column-gap:clamp(14px,2vw,24px);display:block}.work-detail--campaign-pages .detail-section-images.is-tiles .detail-shot{-moz-column-break-inside:avoid;break-inside:avoid;width:100%;margin:0 0 clamp(24px,3vw,42px);display:inline-block}.work-detail--campaign-pages .detail-section-images.is-tiles .detail-shot:nth-child(-n+2){-moz-column-span:all;column-span:all;margin-bottom:clamp(24px,3vw,42px);display:block}.campaign-featured{gap:clamp(24px,3vw,42px);margin-bottom:clamp(24px,3vw,42px);display:grid}.campaign-featured .detail-shot{width:100%;margin:0}.campaign-masonry{-moz-column-count:3;column-count:3;-moz-column-gap:clamp(14px,2vw,24px);column-gap:clamp(14px,2vw,24px)}.campaign-masonry .detail-shot{-moz-column-break-inside:avoid;break-inside:avoid;width:100%;margin:0 0 clamp(24px,3vw,42px);display:inline-block}@media (width<=1000px){.detail-section-images.is-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.work-detail--campaign-pages .detail-section-images.is-tiles,.campaign-masonry{-moz-column-count:2;column-count:2}}@media (width<=760px){.detail-section{margin-bottom:82px}.detail-section-head{grid-template-columns:42px 1fr;gap:12px;margin-bottom:28px;padding-bottom:18px}.detail-section-head>span{font-size:2rem}.detail-section-head h3{font-size:clamp(1.75rem,9vw,2.7rem)}.detail-section-head p{font-size:.57rem}.detail-section-head em{font-size:.82rem}.detail-section-images.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.detail-section-images.is-grid .detail-shot-frame{border-radius:14px;padding:9px}.detail-section-images.is-grid figcaption{letter-spacing:.04em;font-size:.53rem}}@media (width<=600px){.detail-section-images.is-tiles{grid-template-columns:1fr;gap:26px}.detail-section-images.is-tiles .detail-shot:first-child{grid-column:auto}.work-detail--corporate-posters .detail-section-images.is-tiles{grid-template-columns:1fr}.work-detail--corporate-posters .detail-section-images.is-tiles,.work-detail--marketing-posters .detail-section-images.is-tiles,.work-detail--campaign-pages .detail-section-images.is-tiles,.campaign-masonry{-moz-column-count:1;column-count:1}}.archive{border-radius:88px 88px 0 0;padding-inline:max(24px,50% - 560px)}.archive:before{display:none}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}@media (width<=900px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}}@media (width<=600px){.archive{border-radius:40px 40px 0 0;padding-inline:16px}.archive-grid{grid-template-columns:1fr;gap:26px}}.archive{padding-top:clamp(52px,5vw,78px)}@media (width<=760px){.archive{padding-top:48px}}.detail-english-title{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;margin-top:10px;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:700}.projects{padding-bottom:clamp(34px,4vw,64px)}.projects .project-stage:last-of-type{margin-bottom:clamp(32px,4vw,58px)}@media (width<=760px){.projects{padding-bottom:34px}.projects .project-stage:last-of-type{margin-bottom:26px}.project-featured-cover{aspect-ratio:1.6;border-radius:20px;height:auto;min-height:0}.project-featured-cover img{-o-object-position:center;object-position:center}}.nav-download:before{background-image:url(/assets/style/nav-components/nav-download-state.webp)}body.detail-open .portfolio-agent{visibility:visible!important;z-index:10020!important;opacity:1!important;pointer-events:none!important}body.detail-open .portfolio-agent .agent-trigger,body.detail-open .portfolio-agent .agent-panel{pointer-events:auto!important}