@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-\[5\.98\%\]{top:5.98%}.top-\[7\.66\%\]{top:7.66%}.top-\[32\.06\%\]{top:32.06%}.left-\[3\.07\%\]{left:3.07%}.left-\[3\.54\%\]{left:3.54%}.left-\[78\.28\%\]{left:78.28%}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.hidden{display:none}.h-\[21\.41\%\]{height:21.41%}.h-\[23\.04\%\]{height:23.04%}.h-\[25\.45\%\]{height:25.45%}.w-\[14\.24\%\]{width:14.24%}.w-\[17\.4\%\]{width:17.4%}.w-\[18\.39\%\]{width:18.39%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.lowercase{text-transform:lowercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{font-synthesis:none;-webkit-font-smoothing:antialiased}.warmer-immersive{color:#514b41;background:#eee7db;min-height:100svh;font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}.warmer-immersive *{box-sizing:border-box}.warmer-immersive button,.warmer-immersive a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #899379}button{border:0}a{color:inherit;text-decoration:none}#warmer-portfolio{isolation:isolate;height:100svh;min-height:500px;position:relative}.site-header{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#f4eee5e8,#f4eee598);border-bottom:1px solid #70654d1c;justify-content:space-between;align-items:center;width:100%;height:84px;padding:0 4%;display:flex;position:absolute;top:0;left:0}.brand{background:0 0;align-items:center;gap:13px;padding:0;display:flex}.brand-symbol{color:#827957;place-items:center;width:33px;height:35px;font-size:29px;display:grid}.brand-cn{letter-spacing:5px;font-family:Noto Serif SC,serif;font-size:22px}.brand-divider{background:#8f846d4d;width:1px;height:21px;margin:0 7px}.brand-en{letter-spacing:2.2px;text-align:left;font-size:10px;line-height:1.6}.header-note{color:#807767;letter-spacing:2px;font-family:Noto Serif SC,serif;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.availability{letter-spacing:.4px;align-items:center;gap:8px;font-size:11px;display:flex}.status-dot,.tiny-dot{background:#879673;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 4px #86936f13}.stage{background:#e6d7ba;position:absolute;inset:84px 0 98px;overflow:hidden}.stage>canvas,.css-scene{width:100%;height:100%;position:absolute;inset:0}.css-scene{pointer-events:none}.scene-vignette{pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 120px #7e66341a}.corner-intro{z-index:4;pointer-events:none;transition:opacity .4s;position:absolute;top:25px;left:3.7%}.corner-intro .eyebrow{letter-spacing:2px;color:#726751;margin-bottom:8px;font-size:9px}.corner-intro h2{letter-spacing:1px;margin:0;font-family:Noto Serif SC,serif;font-size:20px;font-weight:400;line-height:1.6}.corner-intro p{color:#897b62;letter-spacing:1px;margin-top:7px;font-size:10px}.scene-meta{z-index:4;letter-spacing:2px;writing-mode:vertical-rl;color:#867759;pointer-events:none;font-size:9px;position:absolute;top:30px;right:3.5%}.scene-bottom-note{z-index:4;letter-spacing:1px;white-space:nowrap;color:#675a43;text-shadow:0 1px 8px #fff9;pointer-events:none;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.scene-bottom-note svg{width:16px;height:16px}.hotspots{pointer-events:none;z-index:5;position:absolute;inset:0}.hotspot{isolation:isolate;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;pointer-events:auto;will-change:transform;background:#fffaf0ec;border:1px solid #ffffffbd;border-radius:30px;align-items:center;gap:7px;padding:7px 11px 7px 7px;font-size:11px;transition:transform .32s cubic-bezier(.22,.75,.25,1),background .25s,box-shadow .32s,border-color .25s,opacity .3s;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 15px #5d452b15}.hotspot:before{content:"";z-index:-1;opacity:0;background:linear-gradient(115deg,#fffef9 0%,#f2f5e9 58%,#f8ead9 100%);transition:opacity .28s;position:absolute;inset:0}.hotspot-number{color:#8d7954;background:#9a8b6920;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;transition:transform .32s cubic-bezier(.22,.75,.25,1),background .25s,color .25s;display:grid}.hotspot-arrow{color:#9b8b72;margin-left:2px;font-size:12px;transition:transform .32s cubic-bezier(.22,.75,.25,1),color .25s}@media (hover:hover) and (pointer:fine){.hotspot:hover,.hotspot:focus-visible{background:#fff;border-color:#fffdf5;transform:translate(-50%,calc(-50% - 5px))scale(1.035);box-shadow:0 10px 28px #5d452b32}.hotspot:hover:before,.hotspot:focus-visible:before{opacity:1}.hotspot:hover .hotspot-number,.hotspot:focus-visible .hotspot-number{color:#fff;background:#838e6c;transform:scale(1.1)}.hotspot:hover .hotspot-arrow,.hotspot:focus-visible .hotspot-arrow{color:#657351;transform:translate(4px,-3px)}}.site-footer{z-index:12;background:#f4efe7;border-top:1px solid #80715224;justify-content:space-between;align-items:center;width:100%;height:98px;padding:0 4%;display:flex;position:absolute;bottom:0}.footer-left{letter-spacing:1.4px;color:#938674;font-size:9px;line-height:1.9}.footer-left strong{letter-spacing:.5px;color:#6a6153;font-size:11px;font-weight:400}.dock{background:#e8e1d661;border:1px solid #c6bcaa57;border-radius:13px;align-items:center;gap:7px;padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.dock button{white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:9px;padding:12px 17px;font-size:12px;transition:transform .28s cubic-bezier(.22,.75,.25,1),background .25s,box-shadow .28s,color .25s;display:flex;position:relative}.dock button:hover,.dock button.active{background:#fffdf7;box-shadow:0 2px 5px #67593b0d}.nav-icon{color:#938264;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .28s cubic-bezier(.22,.75,.25,1),color .25s;display:inline-flex}.nav-arrow{opacity:0;color:#6f7b5c;width:0;transition:width .28s cubic-bezier(.22,.75,.25,1),opacity .2s,transform .28s cubic-bezier(.22,.75,.25,1);display:inline-grid;overflow:hidden;transform:translate(-5px,3px)}@media (hover:hover) and (pointer:fine){.dock button:hover,.dock button:focus-visible{color:#667256;transform:translateY(-4px);box-shadow:0 8px 20px #67593b1c}.dock button:hover .nav-icon,.dock button:focus-visible .nav-icon{color:#73805d;transform:scale(1.14)rotate(-8deg)}.dock button:hover .nav-arrow,.dock button:focus-visible .nav-arrow{opacity:1;width:13px;transform:translateY(-2px)}}.footer-right{align-items:center;gap:12px;display:flex}.sound-toggle{background:0 0;border:1px solid #aa9c8152;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.sound-toggle svg{width:15px;height:15px}.sound-toggle.on{color:#fff;background:#879173}.sun-label{color:#8e816b;letter-spacing:.5px;font-size:10px}.back-button{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf1e8;border-radius:30px;align-items:center;gap:14px;padding:11px 17px;font-size:12px;display:flex;position:absolute;top:20px;left:25px;box-shadow:0 3px 16px #443a241c}.back-button span{color:#978773;font-size:9px}.back-button[hidden]{display:none}.focused .corner-intro,.focused .scene-meta,.focused .hotspots,.focused .scene-bottom-note{opacity:0;pointer-events:none}.focused .hotspot{pointer-events:none}.monitor-document{backface-visibility:hidden;pointer-events:none;opacity:0;color:#4a4b3e;background:#faf8f2;border-radius:1px;width:1200px;height:670px;transition:opacity .28s;position:relative;overflow:hidden}.monitor-document.visible{opacity:1;pointer-events:auto}.screen-nav{letter-spacing:1px;border-bottom:1px solid #74735921;justify-content:space-between;align-items:center;height:65px;padding:0 47px;font-size:15px;display:flex}.screen-nav i{color:#aaa893;margin:0 15px;font-style:normal}.screen-nav-right{letter-spacing:2px;align-items:center;gap:13px;font-size:10px;display:flex}.screen-page{scrollbar-width:thin;scrollbar-color:#c7ccb8 transparent;height:558px;padding:42px 50px;overflow:auto}.page-eyebrow{letter-spacing:2.8px;color:var(--project-color);margin-bottom:22px;font-size:11px}.screen-page h1{letter-spacing:1px;margin:0 0 13px;font-family:Noto Serif SC,serif;font-size:38px;font-weight:500;line-height:1.5}.page-subtitle{color:#8c8d7c;margin:0;font-size:16px;line-height:1.9}.bio{color:#737663;max-width:590px;margin:26px 0;font-size:17px;line-height:2.15}.about-grid{grid-template-columns:1.6fr 1fr;gap:55px;display:grid}.skill-tags{gap:8px;margin:24px 0;display:flex}.skill-tags span{color:#7a816d;border:1px solid #8a937a33;border-radius:30px;padding:7px 13px;font-size:12px}.person-line{border-top:1px solid #74735921;align-items:center;gap:15px;margin-top:28px;padding-top:23px;display:flex}.person-avatar{color:#849174;background:#e8e9d9;border-radius:50%;place-items:center;width:52px;height:52px;font-size:30px;display:grid}.person-line strong{font-size:16px;font-weight:500}.person-line small{color:#929584;margin-top:5px;font-size:11px;display:block}.draft-label{color:#a59882;font-size:11px;line-height:1.8}.person-line .draft-label{margin-left:auto}.about-art{background:#e9e8db;border-radius:160px 160px 6px 6px;height:432px;position:relative;overflow:hidden}.about-art>span{color:#7d836a;font-family:Georgia,serif;font-size:22px;font-style:italic;line-height:1.3;position:absolute;bottom:24px;left:27px}.art-sun{background:#d6b98a;border-radius:50%;width:135px;height:135px;position:absolute;top:38px;right:35px}.art-vase{background:linear-gradient(90deg,#c4b9a0,#eee7d6,#b4aa93);border-radius:8px 8px 40px 40px;width:95px;height:125px;position:absolute;bottom:75px;left:155px}.art-stem{background:#707a50;width:3px;height:215px;position:absolute;bottom:155px;left:194px;transform:rotate(-12deg)}.art-leaf{background:#8a946a;border-radius:0 100%;width:108px;height:48px;position:absolute;top:125px;left:105px;transform:rotate(20deg)}.leaf-b{background:#747d56;top:104px;left:179px;transform:rotate(-70deg)}.leaf-c{background:#99a27a;top:195px;left:185px;transform:rotate(-60deg)}.screen-footer{color:#929280;letter-spacing:.5px;border-top:1px solid #74735921;justify-content:space-between;align-items:center;height:47px;padding:0 48px;font-size:11px;display:flex}.project-grid{grid-template-columns:1fr 1fr;gap:45px;height:100%;display:grid}.project-intro h1{font-size:45px}.project-info{gap:30px;margin:27px 0;display:flex}.project-info small{color:#a1a28f;margin-bottom:8px;font-size:11px;display:block}.project-info strong{font-size:13px;font-weight:400}.project-note{color:#9a9b89;font-size:12px;line-height:1.9}.screen-link{color:#728164;background:#e8ebdf;border-radius:4px;align-items:center;gap:35px;margin-top:8px;padding:12px 18px;font-size:13px;display:inline-flex}.project-visual{background:#e2e8da;border-radius:5px;justify-content:center;align-items:center;margin:-22px -25px -22px 0;display:flex;position:relative;overflow:hidden}.project-visual:before,.project-visual:after{content:"";border:1px solid #8c9d751f;border-radius:50%;width:280px;height:280px;position:absolute;top:80px;left:-110px}.project-visual:after{top:310px;left:auto;right:-50px}.collecting{background:#f0e1d2}.concept-mark{color:#718269;font-size:14px;font-weight:500;position:absolute;top:24px;left:24px}.concept-mark small{letter-spacing:1.5px;margin-top:5px;font-size:7px;display:block}.mini-phone{color:#687657;background:#f8faf3;border:6px solid #fdfdf8;border-radius:29px;width:210px;height:394px;padding:30px 15px 15px;position:relative;transform:rotate(8deg)translate(16px,8px);box-shadow:14px 23px 30px #58634226}.mini-island{background:#dfdfd6;border-radius:0 0 12px 12px;width:58px;height:12px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.mini-app-top{font-size:9px}.mini-phone h3{margin:15px 0;font-family:Noto Serif SC,serif;font-size:21px;line-height:1.5}.mini-feature{background:#e4ebd7;border-radius:10px;padding:12px;position:relative;overflow:hidden}.mini-feature>span{color:#a9b99270;font-size:43px;position:absolute;top:5px;right:8px}.mini-feature b{font-size:10px;position:relative}.mini-feature small{margin-top:5px;font-size:7px;display:block}.mini-app-label{margin:17px 0 9px;font-size:10px}.mini-cards{gap:8px;display:flex}.mini-cards>div{background:#efedde;border-radius:8px;flex:1;height:80px;padding:9px}.mini-cards>div:nth-child(2){background:#e8eadd}.mini-cards i{color:#a2a16e;font-family:Georgia,serif;font-size:23px;font-style:normal;display:block}.mini-cards small{font-size:8px}.mini-bottom{justify-content:space-between;margin:19px 9px 0;font-size:16px;display:flex}.mini-bottom span{color:#b7bcad}.concept-caption{letter-spacing:1.8px;color:#8f9b82;font-size:8px;position:absolute;bottom:17px;left:22px}.collecting .mini-phone{color:#986e53;background:#fdf8f2;transform:rotate(-8deg)translate(12px,8px)}.collecting .mini-feature{background:#f0ddc8}.collecting .concept-mark,.collecting .concept-caption{color:#a18469}.contact-grid{grid-template-columns:1.6fr 1fr;gap:45px;display:grid}.contact-grid h1{font-size:34px}.contact-lines{margin-top:27px}.contact-lines>div{border-top:1px solid #85866c26;align-items:center;gap:20px;padding:14px 0;font-size:14px;display:flex}.contact-lines small{letter-spacing:2px;color:#a2a28e;width:72px;font-size:9px}.contact-lines>div>span{color:#9a9b89}.copy-contact{background:#eeeee4;border-radius:3px;margin-left:auto;padding:5px 9px;font-size:10px}.contact-card{text-align:center;background:#efede2;border:8px solid #ddcfb4;height:410px;padding:24px;transform:rotate(3deg);box-shadow:5px 8px #e4dfd0}.qr-placeholder{color:#9a937b;background:#f8f6ed;border:1px dashed #b8b09c;flex-direction:column;justify-content:center;gap:11px;height:170px;display:flex}.qr-placeholder>span{font-size:38px;font-weight:300}.qr-placeholder strong{font-size:13px;font-weight:400}.qr-placeholder small{font-size:10px}.contact-card p{text-align:left;color:#8b8c70;font-family:Georgia,serif;font-size:23px;line-height:1.25}.handwritten{color:#929477;font-family:Georgia,serif;font-size:14px;font-style:italic}.real-qr{object-fit:contain;width:170px;height:170px}.project-details{background:#faf8f2;padding:40px 50px;position:absolute;inset:65px 0 47px}.detail-back{color:#8c9679;background:0 0;padding:0;font-size:13px}.project-details h2{margin-top:28px;font-family:Noto Serif SC,serif;font-size:30px;font-weight:400}.process-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;display:grid}.process-grid article{background:#eeefe5;border-radius:5px;padding:24px}.process-grid article span{color:#969f7e;letter-spacing:2px;font-size:10px}.process-grid h3{font-size:17px;font-weight:500}.process-grid p{color:#969a87;font-size:13px;line-height:1.8}.toast{z-index:30;opacity:0;pointer-events:none;white-space:nowrap;background:#fffaf1f2;border:1px solid #b4a88a44;border-radius:30px;padding:11px 20px;font-size:12px;transition:opacity .25s,transform .25s;position:absolute;bottom:117px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.loading{z-index:50;background:#f0e9db;flex-direction:column;justify-content:center;align-items:center;gap:15px;transition:opacity .7s;display:flex;position:absolute;inset:0}.loading.out{opacity:0;pointer-events:none}.loading-icon{color:#9d916e;font-size:40px;animation:2s infinite breathe}.loading p{letter-spacing:3px;font-family:Noto Serif SC,serif;font-size:17px}.loading small{color:#9d937e;letter-spacing:2px;font-size:9px}.fallback{z-index:40;text-align:center;background:#f0e9db;place-content:center;padding:35px;display:grid;position:absolute;inset:0}.fallback h2{font-family:serif;font-weight:400}.fallback p{max-width:430px;font-size:14px;line-height:1.9}.fallback button{background:#d7dcc9;border-radius:7px;padding:12px 23px}.mobile-document{z-index:8;background:#faf8f2;border:5px solid #ddd8c7;border-radius:10px;position:absolute;inset:65px 12px 14px;overflow:auto;box-shadow:0 15px 40px #3a341c30}.mobile-document .screen-nav{height:48px;padding:0 22px;font-size:12px}.mobile-document .screen-nav-right{display:none}.mobile-document .screen-page{height:auto;padding:26px 23px;overflow:visible}.mobile-document .about-grid,.mobile-document .project-grid,.mobile-document .contact-grid{flex-direction:column;gap:25px;display:flex}.mobile-document .page-eyebrow{margin-bottom:16px;font-size:8px}.mobile-document h1{font-size:26px}.mobile-document .bio{margin:20px 0;font-size:13px;line-height:2}.mobile-document .page-subtitle{font-size:12px}.mobile-document .about-art{align-self:center;width:100%;max-width:270px;height:300px}.mobile-document .person-line{margin-top:18px;padding-top:18px}.mobile-document .skill-tags span{font-size:10px}.mobile-document .person-line strong{font-size:13px}.mobile-document .draft-label{font-size:9px}.mobile-document .project-visual{min-height:450px;margin:0}.mobile-document .project-info{gap:18px}.mobile-document .project-info strong{font-size:11px}.mobile-document .contact-card{align-self:center;width:270px}.mobile-document .screen-footer{padding:0 22px;font-size:9px}.mobile-document .project-details{z-index:2;padding:30px 25px;position:fixed;inset:65px 12px 14px;overflow:auto}.mobile-document .process-grid{grid-template-columns:1fr}.mobile-document .project-details h2{font-size:23px}@keyframes breathe{50%{opacity:.45;transform:rotate(25deg)}}@media (min-width:1700px){.corner-intro{top:36px;left:6%}.corner-intro h2{font-size:24px}}@media (max-width:1000px){.header-note,.sun-label{display:none}.footer-left{font-size:8px}.dock button{padding:12px}.corner-intro h2{font-size:17px}.corner-intro{top:20px}.corner-intro p{display:none}}@media (max-width:650px){#warmer-portfolio{min-height:400px}.site-header{height:66px;padding:0 20px}.brand-cn{font-size:20px}.brand-en{letter-spacing:1.5px;font-size:8px}.brand-divider{margin:0 1px}.brand{gap:8px}.availability{font-size:9px}.stage{inset:66px 0 88px}.site-footer{height:88px;padding:0 17px}.footer-left{display:none}.footer-right{z-index:15;position:fixed;top:85px;right:16px}.sound-toggle{background:#fff7e9c9;width:30px;height:30px}.dock{justify-content:space-around;gap:0;width:calc(100% - 28px);padding:5px}.dock button{flex-direction:column;flex:1;gap:4px;padding:8px 6px;font-size:10px}.nav-icon{font-size:14px}.corner-intro{top:18px;left:21px}.corner-intro .eyebrow{letter-spacing:1.5px;font-size:7px}.corner-intro h2{font-size:15px}.scene-meta{display:none}.scene-bottom-note{letter-spacing:.2px;font-size:9px;bottom:15px}.hotspot{gap:4px;padding:5px 7px 5px 5px;font-size:9px}.hotspot-number{width:17px;height:17px;font-size:8px}.hotspot-arrow{display:none}.back-button{padding:10px 13px;font-size:11px;top:14px;left:15px}.back-button span{display:none}.toast{white-space:normal;text-align:center;max-width:90%;font-size:11px;bottom:101px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.corner-intro{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(115deg,#f6eeddeb,#f6eedd8c);border:1px solid #fff8e854;border-radius:4px;padding:15px 18px}.corner-intro .eyebrow{letter-spacing:1.25px;font-size:8px}.corner-intro h2{font-size:18px}.corner-intro p{letter-spacing:.4px;font-size:9px}.brand:focus:not(:focus-visible){outline:none}@media (max-width:650px){.corner-intro{padding:12px 14px}.corner-intro h2{font-size:15px}.corner-intro .eyebrow{letter-spacing:1px;font-size:6px}}.project-note,.project-info strong{font-size:15px}.skill-tags span{font-size:13px}.mobile-document{scrollbar-width:thin;scrollbar-color:#c7c8b6 transparent}@media (max-width:900px){.footer-left{display:none}}@media (max-width:650px){.mobile-document .project-note{font-size:12px}}.screen-page--external{height:670px;padding:0;overflow:hidden}.screen-page__frame{background:#f4f6f5;border:0;width:100%;height:100%;display:block}@media (max-width:650px){.mobile-document .screen-page--external{height:100%;padding:0;overflow:hidden}}.site-header,.corner-intro,.scene-meta,.scene-bottom-note,.footer-left,.footer-right{display:none}.stage{inset:0}.site-footer{z-index:12;pointer-events:none;background:0 0;border:0;height:0;padding:0;display:block;position:absolute;bottom:1.25rem;left:0;right:0}.site-footer .dock{pointer-events:auto;-webkit-backdrop-filter:blur(48px)saturate(120%);background:#f7f2e7d1;border-color:#ffffff8c;transform:translate(-50%,-100%);box-shadow:0 .75rem 2.5rem #4c3d2729,inset 0 1px #fff9}.focused .site-footer{display:none}@media (max-width:650px){.stage{inset:0}.site-footer{bottom:.9rem}}:root{--foreground:#18181b}html{scroll-behavior:smooth;background:#080706}body{color:var(--foreground);background:0 0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}.hero-shell{background:#080706;width:100%;min-width:1024px;overflow:hidden}#next-logo{display:none!important}.hero-scene{aspect-ratio:1920/920;width:100%;min-width:1024px;position:relative;overflow:hidden}.scene-link{z-index:20;color:#0000;outline-offset:.25rem;border-radius:.35rem;position:absolute}.scene-control{z-index:30;color:#0000;cursor:grab;outline-offset:.25rem;background:0 0;border:0;border-radius:.35rem;transition:filter .18s;position:absolute}.scene-control:before{content:"";border:1px solid #0000;border-radius:.35rem;transition:border-color .18s,box-shadow .18s,transform .18s;position:absolute;inset:0;box-shadow:0 0 #07f0}.scene-control:after{color:#dcefff;content:attr(data-label);letter-spacing:.03em;pointer-events:none;opacity:0;white-space:nowrap;background:#05111deb;border:1px solid #5eb3ffb8;border-radius:999px;padding:.34em .58em;font-size:clamp(.42rem,.57vw,.68rem);font-weight:700;line-height:1;transition:opacity .18s,transform .18s;position:absolute;bottom:-.7rem;left:50%;transform:translate(-50%,.25rem);box-shadow:0 .35rem .85rem #00000052}.scene-control:hover:before,.scene-control:focus-visible:before{border-color:#59b2ffe6;transform:translateY(-.22rem);box-shadow:0 .45rem 1.25rem #0077ff59}.scene-control:hover:after,.scene-control:focus-visible:after{opacity:1;transform:translate(-50%)}.scene-control:active{cursor:grabbing}.scene-control:focus-visible{outline:2px solid #2563eb}.hero-screen{z-index:10;aspect-ratio:964/514;background:#eef0ef;border-radius:1.15%/2.15%;width:50.21%;transition:box-shadow .18s,transform .18s;position:absolute;top:13.59%;left:24.95%;overflow:hidden;box-shadow:0 0 0 1px #ffffffa6}.hero-screen--dragging{transform:scale(1.012);box-shadow:0 0 0 .18rem #3091fff5,0 0 2rem #007effb3}.hero-screen__content{width:100%;height:100%;animation:.26s cubic-bezier(.2,.8,.2,1) hero-screen-content-in}@keyframes hero-screen-content-in{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}.hero-screen__cover,.hero-screen__project-cover{object-fit:cover;width:100%;height:100%;display:block}.hero-screen__hint{z-index:2;color:#48505a;opacity:0;background:#ffffffb8;border-radius:99px;margin:0;padding:.34em .6em;font-size:clamp(.42rem,.58vw,.7rem);transition:opacity .16s;position:absolute;bottom:3.5%;right:2.75%}.hero-screen:hover .hero-screen__hint,.hero-screen:focus-within .hero-screen__hint,.hero-screen__hint--active{opacity:1}.hero-screen--dragging .hero-screen__hint{color:#fff;opacity:1;background:#006ef5}.hero-screen__panel{color:#101216;width:100%;height:100%;padding:clamp(.75rem,2.15vw,2.2rem);display:flex;position:relative}.hero-screen__panel h2,.hero-screen__panel p{margin:0}.hero-screen__panel h2{font-size:clamp(1.25rem,2.5vw,3.1rem);line-height:1}.hero-screen__panel a,.hero-screen__reset{color:#fff;background:#151a20;border:1px solid #1d232b;border-radius:.3rem;width:max-content;font-size:clamp(.5rem,.72vw,.85rem);font-weight:700;line-height:1;text-decoration:none;transition:transform .15s,background-color .15s}.hero-screen__panel a{padding:.7em 1em}.hero-screen__panel a:hover,.hero-screen__reset:hover{background:#006ef5;transform:translateY(-1px)}.hero-screen__panel--project{background:#10151b;align-items:flex-end;padding:0}.hero-screen__project-cover{opacity:.86}.hero-screen__project-copy{color:#fff;gap:.55rem;display:grid;position:absolute;bottom:9%;left:5%}.hero-screen__project-copy p,.hero-screen__eyebrow{color:#58b5ff;letter-spacing:.14em;font-size:clamp(.48rem,.7vw,.8rem);font-weight:800}.hero-screen__panel--about{background:linear-gradient(135deg,#f7f7f4,#dce2e2);flex-direction:column;justify-content:center;gap:clamp(.45rem,1.3vw,1rem)}.hero-screen__body{color:#4e5965;max-width:75%;font-size:clamp(.56rem,.9vw,1rem);line-height:1.6}.hero-screen__tags{gap:.45rem;margin-bottom:.35rem;display:flex}.hero-screen__tags span{color:#35434d;border:1px solid #9aa5ac;border-radius:99px;padding:.35em .6em;font-size:clamp(.43rem,.62vw,.72rem)}.hero-screen__panel--contact{color:#fff;background:linear-gradient(135deg,#141c20,#293940);justify-content:space-between;align-items:center;gap:4%}.hero-screen__contact-card{width:55%;height:auto;display:block}.hero-screen__contact-copy{gap:clamp(.45rem,1vw,.8rem);display:grid}.hero-screen__reset{cursor:pointer;border:0;padding:.55em .7em;position:absolute;top:5%;right:4%}.scene-link:focus-visible{outline:2px solid #2563eb}.project-reader{--project-ink:#2e3124;--project-muted:#858977;--project-brand:#008a59;--project-header-height:clamp(56px, 7.4svh, 80px);--project-edge:clamp(.75rem, 2vw, 2rem);--project-bottom-edge:clamp(.5rem, 1.5svh, 1.5rem);--project-stage-gap:clamp(.45rem, 1.1svh, 1rem);box-sizing:border-box;grid-template-rows:var(--project-header-height) minmax(0, 1fr);width:100%;height:100svh;min-height:0;padding:0 var(--project-edge) var(--project-bottom-edge);color:#f5f7fa;background:#0a0d10;display:grid;position:relative;overflow:hidden}.project-reader__fullscreen-marker{position:absolute}.project-reader__site-header{z-index:5;height:var(--project-header-height);margin-inline:calc(var(--project-edge) * -1);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#161c20e0;position:relative}.project-reader__fullscreen-marker:target~.project-reader__site-header .project-reader__fullscreen-button{display:none}.project-reader__site-header-inner{justify-content:space-between;align-items:center;gap:2rem;width:min(1060px,100% - 2.5rem);height:100%;margin-inline:auto;display:flex}.project-reader__logo{width:108px;height:52px;color:var(--project-ink);font-family:Georgia,serif;font-weight:800;line-height:1;text-decoration:none;display:grid;position:relative;transform:rotate(-5deg)}.project-reader__logo span{align-self:end;font-size:1.25rem}.project-reader__logo strong{margin:.15rem 0 0 1.55rem;font-size:1.25rem}.project-reader__logo:after{background:var(--project-brand);content:"";border-radius:99px;width:16px;height:3px;position:absolute;bottom:.15rem;left:0}.project-reader__site-navigation{scrollbar-width:none;align-self:stretch;align-items:center;gap:2rem;min-width:0;display:flex;overflow-x:auto}.project-reader__site-navigation::-webkit-scrollbar{display:none}.project-reader__site-navigation a{color:var(--project-ink);white-space:nowrap;align-self:stretch;align-items:center;font-size:1rem;text-decoration:none;transition:color .18s,background-color .18s;display:flex}.project-reader__site-navigation a:hover{color:var(--project-brand)}.project-reader__site-navigation .project-reader__site-navigation-current{height:44px;color:var(--project-brand);background:#ffffffad;border:1px solid #fff;border-radius:8px;align-self:center;padding-inline:12px;font-weight:600;box-shadow:0 4px 4px #7787441f}.project-reader__header-actions{flex:none;align-items:center;gap:1.25rem;display:inline-flex}.project-reader__workbench-link,.project-reader__fullscreen-button{color:var(--project-ink);white-space:nowrap;flex:none;align-items:center;gap:12px;font-size:1rem;text-decoration:none;display:inline-flex}.project-reader__workbench-link:hover,.project-reader__fullscreen-button:hover{color:var(--project-brand)}.project-reader__logo,.project-reader__site-navigation a,.project-reader__workbench-link,.project-reader__fullscreen-button{color:#edf2eb}.project-reader__site-navigation .project-reader__site-navigation-current{color:var(--project-brand);background:#edf2eb1f;border-color:#0000;box-shadow:0 4px 12px #0000002e}.project-reader__site-navigation a:hover,.project-reader__workbench-link:hover,.project-reader__fullscreen-button:hover{color:var(--project-brand)}.project-reader__site-navigation .project-reader__site-navigation-current:hover{color:#00643f}.project-reader__workbench-icon{background:currentColor;flex:none;width:16px;height:16px;display:block;-webkit-mask:url(/images/common/about-icons/about-workbench.svg) 50%/contain no-repeat;mask:url(/images/common/about-icons/about-workbench.svg) 50%/contain no-repeat}.project-reader__fullscreen-button>img{display:none}.project-reader__fullscreen-button:before{content:"";background:currentColor;flex:none;width:18px;height:18px;-webkit-mask:url(/images/common/about-icons/fullscreen-icon.svg) 50%/contain no-repeat;mask:url(/images/common/about-icons/fullscreen-icon.svg) 50%/contain no-repeat}.project-reader__workspace{z-index:1;box-sizing:border-box;width:min(100%,2140px);min-width:0;min-height:0;padding-top:var(--project-stage-gap);margin-inline:auto;position:relative}.project-reader__stage{gap:var(--project-stage-gap);grid-template-rows:minmax(0,1fr) auto;width:100%;min-width:0;height:100%;min-height:0;display:grid}.project-reader__image-slot{box-sizing:border-box;place-items:center;min-width:0;min-height:0;padding-left:3rem;display:grid;container-type:size}.project-reader__image-frame{aspect-ratio:16/9;width:min(100cqw,177.777cqh);height:min(56.25cqw,100cqh);position:relative}.project-reader__section-sidebar{--section-effect:0;z-index:4;color:#aeb8b5;width:2.25rem;position:absolute;top:clamp(.55rem,1vw,.85rem);left:auto;right:calc(100% + .4rem)}.project-reader__section-toggle{z-index:2;color:#edf2eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#0a0d10d6;border:1px solid #edf2eb2e;border-radius:.65rem;place-items:center;width:2.25rem;height:2.25rem;padding:0;transition:border-color .16s,background-color .16s,color .16s,transform .16s;display:grid;position:relative;box-shadow:0 .4rem 1rem #00000038}.project-reader__section-toggle:hover,.project-reader__section-toggle:focus-visible,.project-reader__section-sidebar[data-open=true] .project-reader__section-toggle{color:var(--project-brand);background:#0a1f19eb;border-color:#008a59a6}.project-reader__section-toggle:focus-visible{outline:2px solid var(--project-brand);outline-offset:3px}.project-reader__section-toggle-icon{gap:3px;width:15px;display:grid}.project-reader__section-toggle-icon span{background:currentColor;border-radius:99px;width:100%;height:2px;transition:transform .16s,width .16s;display:block}.project-reader__section-toggle-icon span:nth-child(2){width:70%}.project-reader__section-toggle-icon span:nth-child(3){width:45%}.project-reader__section-sidebar[data-open=true] .project-reader__section-toggle-icon span:nth-child(2),.project-reader__section-sidebar[data-open=true] .project-reader__section-toggle-icon span:nth-child(3){width:100%}.project-reader__section-panel{box-sizing:border-box;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#0a0d10e8;border:1px solid #edf2eb1c;border-radius:.8rem;width:11.5rem;padding:1rem .8rem 1rem 0;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:0;left:calc(100% + .55rem);transform:translate(-.35rem);box-shadow:0 1rem 2.5rem #00000052}.project-reader__section-sidebar[data-open=true] .project-reader__section-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.project-reader__section-kicker{color:#edf2eb6b;letter-spacing:.18em;margin:0 0 .85rem 1.25rem;font-size:.625rem;font-weight:700;display:block}.project-reader__section-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.project-reader__section-item{--section-effect:0;min-width:0}.project-reader__section-item a{color:#aeb8b5;align-items:center;gap:.7rem;min-height:2.35rem;display:flex}@supports (color:color-mix(in lab, red, red)){.project-reader__section-item a{color:color-mix(in srgb, #aeb8b5 calc(100% - var(--section-effect) * 100%), var(--project-brand) calc(var(--section-effect) * 100%))}}.project-reader__section-item a{font-size:.78rem;font-weight:calc(450 + var(--section-effect) * 200);transform:translateX(calc(var(--section-effect) * .72rem));transform-origin:0;line-height:1.2;text-decoration:none;transition:color 80ms linear}.project-reader__section-marker{width:calc(.7rem + var(--section-effect) * 1rem);background:#6d7774;border-radius:999px;flex:none;height:2px}@supports (color:color-mix(in lab, red, red)){.project-reader__section-marker{background:color-mix(in srgb, #6d7774 calc(100% - var(--section-effect) * 100%), var(--project-brand) calc(var(--section-effect) * 100%))}}.project-reader__section-marker{opacity:calc(.55 + var(--section-effect) * .45);transform:scaleY(calc(1 + var(--section-effect) * .55));transform-origin:0}.project-reader__section-label{white-space:nowrap}.project-reader__section-item--current .project-reader__section-label{color:var(--project-brand)}.project-reader__section-item a:focus-visible{outline:2px solid var(--project-brand);outline-offset:3px;border-radius:4px}.project-reader__header,.project-reader__navigation{z-index:1;grid-template-columns:minmax(3rem,max-content) minmax(0,1fr) minmax(3rem,max-content);align-items:center;width:100%;margin-inline:auto;display:grid;position:relative}.project-reader__header{gap:1rem;margin-top:3.5rem;margin-bottom:1.5rem}.project-reader__header h1,.project-reader__eyebrow,.project-reader__counter{margin:0}.project-reader__header h1{text-align:center;font-size:clamp(1.25rem,2vw,1.75rem)}.project-reader__eyebrow{color:var(--project-brand);letter-spacing:.16em;text-align:center;margin-bottom:.3rem;font-size:.65rem;font-weight:700}.project-reader__button{color:inherit;border:1px solid #2e312438;border-radius:999px;font-size:clamp(.875rem,.82vw,1.05rem);text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}.project-reader__button:not(.project-reader__button--disabled):hover{color:var(--project-brand);background:#edf2eb1f;border-color:#0000;box-shadow:0 4px 12px #0000002e}.project-reader__counter{color:var(--project-muted);font-variant-numeric:tabular-nums;justify-self:end}.project-reader__canvas{z-index:1;background:0 0;border-radius:.75rem;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #32362924}.project-reader__image{object-fit:contain;width:100%;height:100%;display:block}.project-reader__navigation{grid-template-columns:max-content minmax(0,1fr) max-content;gap:clamp(.45rem,1.2vw,1rem);margin-top:0}.project-reader__navigation>:last-child{justify-self:end}.project-reader__button{box-sizing:border-box;justify-content:center;align-items:center;gap:.4rem;width:max-content;min-height:2.75rem;padding:.6rem .9rem;display:inline-flex}.project-reader__button-arrow{font-size:1rem;line-height:1}.project-reader__button--disabled{color:#aeb0a4;border-color:#2e31241c}.project-reader__thumbnail-rail{--thumbnail-width:clamp(76px, 7vw, 120px);--thumbnail-gap:clamp(10px, 1vw, 18px);box-sizing:border-box;cursor:grab;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;min-width:0;height:clamp(58px,5.4vw,78px);padding:5px 6px;scroll-padding-inline:6px;overflow:auto hidden}.project-reader__thumbnail-rail::-webkit-scrollbar{display:none}.project-reader__thumbnail-rail--dragging{cursor:grabbing}.project-reader__thumbnail-track{gap:var(--thumbnail-gap);align-items:center;width:max-content;min-width:100%;height:100%;display:flex}.project-reader__thumbnail{flex:0 0 var(--thumbnail-width);width:var(--thumbnail-width);aspect-ratio:16/9;height:auto;color:var(--project-ink);scroll-snap-align:center;background:#d4d5ce;border:0;border-radius:5px;text-decoration:none;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 2px 5px #32362914}.project-reader__thumbnail:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.project-reader__thumbnail--current{z-index:1;outline:2px solid var(--project-brand);outline-offset:0;transform:scale(1.08);box-shadow:0 5px 14px #00000057}.project-reader__thumbnail--current:hover{transform:scale(1.08)translateY(-1px)}.project-reader__thumbnail-image{object-fit:cover;width:100%;height:100%;display:block}.project-reader__thumbnail span{color:#fff;font-variant-numeric:tabular-nums;background:#191d15b8;border-radius:3px;min-width:14px;padding:1px 3px;font-size:clamp(9px,.55vw,12px);line-height:1.15;position:absolute;bottom:2px;right:3px}html[data-embedded=true]:has(.project-reader){height:100%;overflow:hidden}html[data-embedded=true]:has(.project-reader) body{height:100%;overflow:hidden}html[data-embedded=true] .project-reader{--project-header-height:56px;--project-bottom-edge:6px;--project-stage-gap:4px;grid-template-rows:56px minmax(0,1fr);height:670px;min-height:670px;padding:0 24px 6px;display:grid;overflow:hidden}html[data-embedded=true] .project-reader__site-header{height:56px;margin-inline:-24px}html[data-embedded=true] .project-reader__site-header-inner{gap:1.15rem;width:calc(100% - 2.5rem)}html[data-embedded=true] .project-reader__logo{transform-origin:0;width:88px;height:42px;transform:scale(.82)rotate(-5deg)}html[data-embedded=true] .project-reader__site-navigation{gap:1rem}html[data-embedded=true] .project-reader__site-navigation a,html[data-embedded=true] .project-reader__workbench-link,html[data-embedded=true] .project-reader__fullscreen-button{font-size:.78rem}html[data-embedded=true] .project-reader__site-navigation .project-reader__site-navigation-current{height:34px;padding-inline:9px}html[data-embedded=true] .project-reader__header-actions{gap:.85rem}html[data-embedded=true] .project-reader__workbench-link,html[data-embedded=true] .project-reader__fullscreen-button{gap:7px}html[data-embedded=true] .project-reader__workbench-icon,html[data-embedded=true] .project-reader__fullscreen-button:before{width:14px;height:14px}html[data-embedded=true] .project-reader__header{align-self:center;width:100%;margin:0}html[data-embedded=true] .project-reader__header h1{font-size:1.15rem}html[data-embedded=true] .project-reader__eyebrow{margin-bottom:.1rem;font-size:.52rem}html[data-embedded=true] .project-reader__counter{font-size:.78rem}html[data-embedded=true] .project-reader__workspace{width:100%;padding-top:4px}html[data-embedded=true] .project-reader__stage{gap:4px}html[data-embedded=true] .project-reader__canvas{box-sizing:border-box;background:#0a0d10;border-radius:.35rem;place-items:center;width:100%;height:100%;min-height:0;display:grid}html[data-embedded=true] .project-reader__image{object-fit:contain;width:100%;height:100%}html[data-embedded=true] .project-reader__navigation{align-self:center;width:100%;margin:0}html[data-embedded=true] .project-reader__button{padding:.45rem .72rem;font-size:.72rem}html[data-embedded=true] .project-reader__thumbnail-rail{--thumbnail-width:68px;--thumbnail-gap:10px;height:48px;padding:2px}html[data-embedded=true] .project-reader__thumbnail{border-radius:3px;height:auto}html[data-embedded=true] .project-reader__thumbnail--current{outline-width:1px;transform:scale(1.1)}html[data-embedded=true] .project-reader__thumbnail--current:hover{transform:scale(1.1)translateY(-1px)}html[data-embedded=true] .project-reader__thumbnail span{min-width:10px;padding:0 2px;font-size:7px;bottom:1px;right:2px}html[data-embedded=true] .project-reader__section-sidebar{display:none}@media (min-width:1720px){.project-reader__workspace{padding-left:clamp(14rem,13vw,18.5rem)}.project-reader__image-slot{padding-left:0}.project-reader__section-sidebar{width:clamp(12.5rem,11vw,16rem);top:50%;left:auto;right:calc(100% + clamp(1.1rem,1.4vw,1.75rem));transform:translateY(-50%)}.project-reader__section-toggle{display:none}.project-reader__section-panel{visibility:visible;opacity:1;width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;background:0 0;border:0;padding:1.2rem .9rem 1.2rem 0;position:static;transform:none}.project-reader__section-kicker{margin:0 0 1rem 1.5rem;font-size:clamp(.7rem,.6vw,.85rem)}.project-reader__section-list{gap:clamp(.4rem,.5vw,.7rem)}.project-reader__section-item a{min-height:clamp(2.6rem,3vw,3.25rem);transform:translateX(calc(var(--section-effect) * .9rem));gap:clamp(.75rem,.8vw,1rem);font-size:clamp(.95rem,.78vw,1.08rem)}.project-reader__section-marker{width:calc(.9rem + var(--section-effect) * 1.3rem)}.project-reader__thumbnail-rail{--thumbnail-width:clamp(128px, 7.4vw, 176px);--thumbnail-gap:clamp(16px, 1vw, 22px);height:clamp(88px,4.8vw,112px)}.project-reader__thumbnail span{font-size:clamp(11px,.55vw,14px)}}@media (max-width:900px){.project-reader__site-header-inner{gap:1.25rem;width:calc(100% - 1.5rem)}.project-reader__logo{transform-origin:0;width:88px;height:44px;transform:scale(.82)rotate(-5deg)}.project-reader__site-navigation{gap:1rem}.project-reader__site-navigation a,.project-reader__workbench-link,.project-reader__fullscreen-button{font-size:.82rem}.project-reader__site-navigation .project-reader__site-navigation-current{height:36px;padding-inline:8px}.project-reader__header-actions{gap:.8rem}}@media (max-width:680px){.project-reader{--project-edge:.6rem}.project-reader__image-slot{padding-left:2.35rem}.project-reader__logo{width:60px;transform:scale(.66)rotate(-5deg)}.project-reader__site-navigation{gap:.65rem}.project-reader__site-navigation a{font-size:.72rem}.project-reader__site-navigation .project-reader__site-navigation-current{height:32px;padding-inline:6px}.project-reader__workbench-link>span:last-child,.project-reader__fullscreen-button>span{display:none}.project-reader__workbench-link,.project-reader__fullscreen-button{gap:0}.project-reader__button{min-width:2.75rem;padding-inline:.65rem}.project-reader__button-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-reader__thumbnail-rail{--thumbnail-width:72px}}@media (max-height:760px){.project-reader{--project-header-height:56px;--project-bottom-edge:.4rem;--project-stage-gap:.4rem}.project-reader__thumbnail-rail{--thumbnail-width:clamp(72px, 7vw, 96px);--thumbnail-gap:8px;height:clamp(52px,5.2vw,64px);padding-block:3px}.project-reader__button{min-height:2.5rem;padding-block:.45rem}.project-reader__section-toggle{width:2.15rem;height:2.15rem}.project-reader__section-panel{width:11rem;padding-block:.65rem}.project-reader__section-list{gap:.15rem}.project-reader__section-item a{min-height:2rem}}@media (prefers-reduced-motion:reduce){.project-reader__section-item a,.project-reader__section-toggle,.project-reader__section-toggle-icon span,.project-reader__thumbnail{transition:none;transform:none}}.info-page{color:#172127;background:#f4f6f5;min-height:100vh;padding:2rem clamp(1rem,5vw,5rem)}.info-page__header{justify-content:space-between;align-items:center;width:min(1080px,100%);margin-inline:auto;display:flex}.info-page__header>p{color:#58707b;letter-spacing:.2em;margin:0;font-size:.75rem;font-weight:700}.info-page__back,.info-page__action{border-radius:999px;font-size:.875rem;font-weight:700;text-decoration:none}.info-page__back{color:#172127;border:1px solid #b8c3c7;padding:.6rem .95rem}.info-page__content{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,7vw,7rem);width:min(900px,100%);min-height:calc(100vh - 8rem);margin-inline:auto;display:grid}.info-page__content--contact{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.info-page__portrait{background:#1a242a;border:1px solid #ccd4d7;border-radius:1.25rem;padding:clamp(1rem,3vw,2.5rem);box-shadow:0 1.5rem 4rem #26343b24}.info-page__portrait-image,.info-page__contact-card,.info-page__contact-qr{width:100%;height:auto;display:block}.immersive{isolation:isolate;color:#f5f1e8;background:#07070b;min-height:100svh;position:relative;overflow:hidden}.immersive:before{z-index:-1;content:"";background:radial-gradient(circle at 49% 45%,#331f433d,#0000 34%),linear-gradient(117deg,#0000 42%,#ff593014,#0000 70%);position:absolute;inset:0}.immersive__header{z-index:2;letter-spacing:.13em;justify-content:space-between;align-items:center;padding:1.5rem clamp(1.25rem,4vw,4rem);font-size:.68rem;font-weight:700;display:flex;position:relative}.immersive__header p{color:#b7b0c1;margin:0}.immersive__back{color:inherit;text-decoration:none;transition:color .18s}.immersive__back:hover,.immersive__back:focus-visible{color:#ff6d4a}.immersive__intro{z-index:2;width:min(40rem,100% - 2.5rem);margin-left:clamp(1.25rem,13vw,13rem);padding-top:clamp(5rem,14vh,11rem);position:relative}.immersive__kicker{color:#ff724d;letter-spacing:.22em;margin:0 0 1rem;font-size:.72rem;font-weight:800}.immersive__intro h1{letter-spacing:-.09em;margin:0;font-size:clamp(3.5rem,8.6vw,9.5rem);font-weight:650;line-height:.84}.immersive__summary{color:#bcb8c6;width:min(25rem,100%);margin:2rem 0 0;font-size:clamp(.88rem,1.25vw,1.05rem);line-height:1.8}.immersive__projects{z-index:2;grid-template-columns:repeat(2,minmax(0,18rem));gap:.75rem;margin:clamp(2.75rem,9vh,6rem) clamp(1.25rem,13vw,13rem) 2rem;display:grid;position:relative}.immersive__project-link{color:inherit;border-top:1px solid #ffffff42;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.9rem 0;text-decoration:none;transition:border-color .18s,transform .18s;display:grid}.immersive__project-link:hover{border-color:#ff6d4a;transform:translate(.35rem)}.immersive__project-link span,.immersive__project-link i{color:#aaa4b1;letter-spacing:.08em;font-size:.66rem;font-style:normal}.immersive__project-link strong{font-size:.9rem}.immersive__instruction{z-index:2;color:#807a89;letter-spacing:.18em;writing-mode:vertical-rl;margin:0;font-size:.58rem;position:absolute;bottom:1.5rem;right:clamp(1.25rem,4vw,4rem)}.immersive-scene{z-index:1;pointer-events:none;perspective:1100px;position:absolute;inset:0}.immersive-scene__canvas{opacity:.82;width:100%;height:100%;position:absolute;inset:0}.immersive-scene__orb{filter:blur(1px);mix-blend-mode:screen;border-radius:50%;animation:12s ease-in-out infinite alternate immersive-float;position:absolute}.immersive-scene__orb--one{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffbc89,#ef4b34 36%,#651e66 70%,#0000 71%);width:min(36vw,34rem);top:14%;right:14%;box-shadow:0 0 6rem #ed413566}.immersive-scene__orb--two{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#75d7e3,#1a4787 48%,#0000 70%);width:min(25vw,24rem);animation-delay:-5s;bottom:-10%;right:4%}.immersive-scene__card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform-style:preserve-3d;background:linear-gradient(135deg,#ffffff42,#ffffff08);border:1px solid #ffffff94;place-items:center;animation:14s ease-in-out infinite alternate immersive-card;display:grid;position:absolute;box-shadow:1rem 1.2rem 3.5rem #00000059}.immersive-scene__card span{color:#fff;letter-spacing:-.1em;font-size:clamp(1.3rem,3vw,3rem);font-weight:800}.immersive-scene__card--one{aspect-ratio:.76;width:clamp(6rem,13vw,12rem);top:25%;right:33%;transform:rotateY(-32deg)rotate(13deg)}.immersive-scene__card--two{aspect-ratio:1;width:clamp(5rem,10vw,9rem);animation-delay:-7s;bottom:19%;right:9%;transform:rotateY(37deg)rotate(-12deg)}.immersive-scene__wireframe{aspect-ratio:1;border:1px solid #c7cdff2e;border-radius:50%;width:min(52vw,55rem);position:absolute;top:11%;right:-8%;transform:rotateX(70deg)rotate(20deg);box-shadow:0 0 0 4rem #c69bff05,0 0 0 8rem #c69bff05}@keyframes immersive-float{to{transform:translate(-2rem,2.3rem)scale(1.06)}}@keyframes immersive-card{to{transform:rotateY(25deg)rotate(-8deg)translate3d(-1rem,1.5rem,4rem)}}@media (max-width:700px){.immersive__header{padding-top:1.1rem}.immersive__header p{display:none}.immersive__intro{margin-left:1.25rem;padding-top:7rem}.immersive__projects{grid-template-columns:1fr;margin:3rem 1.25rem}.immersive-scene__orb--one{width:24rem;top:14%;right:-15%}.immersive-scene__card--one{opacity:.7;top:25%;right:10%}.immersive-scene__card--two{bottom:10%;right:7%}.immersive__instruction{display:none}}@media (prefers-reduced-motion:reduce){.immersive-scene__orb,.immersive-scene__card{animation:none}}.immersive-scene{pointer-events:auto;cursor:grab;touch-action:pan-y}.immersive-scene:active{cursor:grabbing}.immersive-scene__canvas{opacity:1;width:100%;height:100%;display:block}.info-page__copy h1,.info-page__lead,.info-page__eyebrow{margin:0}.info-page__eyebrow{color:#127c91;letter-spacing:.16em;margin-bottom:.75rem;font-size:.75rem;font-weight:800}.info-page__copy h1{letter-spacing:-.08em;font-size:clamp(3.5rem,9vw,7.5rem);line-height:.92}.info-page__lead{color:#52636a;max-width:34rem;margin-top:1.5rem;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.8}.info-page__tags{flex-wrap:wrap;gap:.6rem;margin:1.75rem 0;padding:0;list-style:none;display:flex}.info-page__tags li{color:#31505a;border:1px solid #a9bbc1;border-radius:999px;padding:.45rem .75rem;font-size:.875rem}.info-page__action{color:#fff;background:#172127;padding:.8rem 1.1rem;display:inline-block}.info-page__contact-assets{background:#1a242a;border-radius:1.25rem;padding:clamp(1.25rem,4vw,3rem);position:relative;box-shadow:0 1.5rem 4rem #26343b24}.info-page__contact-card{width:100%}.info-page__contact-qr{width:clamp(5.5rem,12vw,9rem);position:absolute;bottom:-2.5rem;right:0;transform:rotate(5deg)}.about-page{color:#172127;background:#f4f6f5;min-height:100vh;padding:2rem clamp(1.25rem,5vw,5rem) 4rem}.about-page__header,.about-page__hero,.about-page__highlights,.about-page__timeline,.about-page__footer{width:min(1160px,100%);margin-inline:auto}.about-page__header{justify-content:space-between;align-items:center;display:flex}.about-page__header>p,.about-page__eyebrow{color:#127c91;letter-spacing:.18em;margin:0;font-size:.72rem;font-weight:800}.about-page__back,.about-page__footer a{border-radius:999px;font-size:.875rem;font-weight:700;text-decoration:none}.about-page__back{color:#172127;border:1px solid #b8c3c7;padding:.6rem .95rem}.about-page__fullscreen{color:#f7faf9;background:#172127;border-radius:999px;padding:.6rem .95rem;font-size:.875rem;font-weight:700;text-decoration:none}.about-page__fullscreen:hover{background:#127c91}.about-page__hero{grid-template-columns:minmax(17rem,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(2.5rem,6vw,6.5rem);padding-block:clamp(3rem,6vw,5rem) 4.5rem;display:grid}.about-page__hero h1,.about-page__timeline h2,.about-page__timeline h3,.about-page__intro{margin:0}.about-page__hero h1{letter-spacing:-.09em;margin-top:.8rem;font-size:clamp(4rem,10vw,8.5rem);line-height:.84}.about-page__intro{color:#52636a;font-size:clamp(1rem,1.75vw,1.2rem);line-height:1.9}.about-page__summary{gap:clamp(2rem,4vw,3.25rem);max-width:41rem;display:grid}.about-page__identity{justify-items:center;display:grid}.about-page__highlights{border-top:1px solid #ccd4d7;border-bottom:1px solid #ccd4d7;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.about-page__highlights>div{gap:.55rem;padding:1.65rem clamp(.8rem,2vw,1.6rem);display:grid}.about-page__highlights>div+div{border-left:1px solid #ccd4d7}.about-page__highlights strong{color:#127c91;letter-spacing:-.06em;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1}.about-page__highlights span,.about-page__role,.about-page__timeline time{color:#607077;font-size:.82rem;font-weight:650}.about-lanyard{width:min(46rem,100%);min-height:35rem;margin:2.5rem auto}.about-lanyard__canvas{touch-action:none;min-height:35rem}.about-lanyard__canvas canvas{width:100%;height:100%;display:block}.about-page__identity .about-lanyard{width:min(28rem,100%);min-height:21rem;margin:.8rem 0 0}.about-page__identity .about-lanyard__canvas{min-height:21rem}.about-page__timeline{grid-template-columns:minmax(14rem,.45fr) minmax(0,1fr);gap:clamp(3rem,10vw,10rem);padding-top:clamp(4rem,10vw,8rem);display:grid}.about-page__timeline-intro h2{letter-spacing:-.07em;margin-top:.65rem;font-size:clamp(2.6rem,5vw,4.5rem)}.about-page__timeline-intro>p:not(.about-page__eyebrow){color:#52636a;margin:1.5rem 0 0;line-height:1.8}.about-page__timeline-intro ul{flex-wrap:wrap;gap:.55rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.about-page__timeline-intro li{color:#31505a;border:1px solid #a9bbc1;border-radius:999px;padding:.42rem .68rem;font-size:.8rem}.about-page__timeline-list{margin:0;padding:0;list-style:none}.about-page__timeline-list>li{grid-template-columns:minmax(8rem,.32fr) minmax(0,1fr);gap:2rem;padding:0 0 3.25rem;display:grid;position:relative}.about-page__timeline-list>li:before{content:"";background:#f4f6f5;border:2px solid #127c91;border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:.2rem;left:9.35rem}.about-page__timeline-content{padding-left:1.2rem}.about-page__timeline h3{letter-spacing:-.045em;font-size:clamp(1.35rem,2.4vw,2rem)}.about-page__timeline-content ul{color:#52636a;gap:.65rem;margin:1.2rem 0 0;padding:0;line-height:1.75;list-style:none;display:grid}.about-page__timeline-content ul li{padding-left:1.1rem;position:relative}.about-page__timeline-content ul li:before{content:"";background:#127c91;border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:.7em;left:0}.about-page__timeline-item--education{padding-bottom:0!important}.about-page__footer{padding-top:1.5rem}.about-page__footer a{color:#fff;background:#172127;padding:.8rem 1.1rem;display:inline-block}@media (max-width:720px){.about-page__hero,.about-page__timeline{grid-template-columns:1fr}.about-page__hero{gap:2rem;padding-top:4.5rem}.about-lanyard{min-height:29rem;margin-block:2rem}.about-lanyard__canvas{min-height:29rem}.about-page__identity .about-lanyard,.about-page__identity .about-lanyard__canvas{min-height:20rem}.about-page__highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page__highlights>div:nth-child(3){border-top:1px solid #ccd4d7;border-left:0}.about-page__highlights>div:nth-child(4){border-top:1px solid #ccd4d7}.about-page__timeline-list>li{grid-template-columns:1fr;gap:.75rem;padding-left:1.4rem}.about-page__timeline-list>li:before{top:.15rem;left:0}.about-page__timeline-content{padding-left:0}}.immersive{color:#312c26;background:#e9e2d4;min-height:100svh;overflow:hidden}.immersive-studio{isolation:isolate;background:#e9e2d4;min-height:100svh;position:relative;overflow:hidden}.immersive-studio__canvas{z-index:0;cursor:grab;touch-action:pan-y;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.immersive-studio[data-ready=true] .immersive-studio__canvas{opacity:1}.immersive-studio__canvas:active{cursor:grabbing}.immersive-studio__sunwash{z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(122deg,#fffae657 0 17%,#0000 34%),radial-gradient(circle at 82% 7%,#fff7d347,#0000 35%);position:absolute;inset:0}.immersive-studio__ui{z-index:2;pointer-events:none;min-height:100svh;position:relative}.immersive-studio__nav button{pointer-events:auto}.immersive-studio__nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;max-width:46rem;margin-inline:auto;display:grid;position:absolute;bottom:1.15rem;left:clamp(1rem,3vw,2.75rem);right:clamp(1rem,3vw,2.75rem)}.immersive-studio__nav button{color:#443a31;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fffcf5c2;border:1px solid #51423026;border-radius:.8rem;align-items:center;gap:.6rem;min-height:3.1rem;padding:.7rem .8rem;font-size:.76rem;font-weight:720;transition:border-color .18s,background-color .18s,transform .18s;display:flex;box-shadow:0 .8rem 2.6rem #3d2b1914}.immersive-studio__nav button span{color:#a9825f;letter-spacing:.08em;font-size:.62rem}.immersive-studio__nav button:hover,.immersive-studio__nav button:focus-visible,.immersive-studio__nav button[aria-pressed=true]{background:#fff9eef0;border-color:#a262367a;transform:translateY(-.16rem)}.immersive-studio__fallback{z-index:3;color:#443a31;text-align:center;background:linear-gradient(145deg,#f5efe3,#ddd2c0);place-content:center;padding:2rem;display:grid;position:absolute;inset:0}.immersive-studio__fallback p,.immersive-studio__fallback strong{margin:.25rem}.immersive__noscript{z-index:10;color:#443a31;text-align:center;background:#fffaf0;border-radius:.75rem;padding:1rem;position:fixed;bottom:1rem;left:1rem;right:1rem}@media (max-width:760px){.immersive-studio__nav{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.immersive-studio__nav button{min-height:2.8rem}}@media (prefers-reduced-motion:reduce){.immersive-studio__canvas,.immersive-studio__nav button{transition:none}}.pocket-review{width:100vw;height:100vh;display:block}.about-page{--about-ink:#201f1b;--about-muted:#6b675f;--about-paper:#f1efe8;--about-line:#201f1b2e;--about-accent:#d34c32;background:var(--about-paper);min-height:100vh;color:var(--about-ink);padding:1.4rem clamp(1.2rem,4vw,4rem) 0;overflow:hidden}.about-page__header,.about-page__hero,.about-page__statement,.about-page__image-essay,.about-page__numbers,.about-page__career,.about-page__closing{width:min(1280px,100%);margin-inline:auto}.about-page__header{z-index:1;border-bottom:1px solid var(--about-line);justify-content:space-between;align-items:center;padding-bottom:1.2rem;display:flex;position:relative}.about-page__wordmark,.about-page__actions a{color:inherit;letter-spacing:.1em;font-size:.75rem;font-weight:760;text-decoration:none}.about-page__actions{align-items:center;gap:1.1rem;display:flex}.about-page__actions a{letter-spacing:.04em}.about-page__actions .about-page__contact-link{background:var(--about-ink);color:var(--about-paper);border-radius:999px;padding:.55rem .8rem}.about-page__hero{grid-template-columns:minmax(0,1.02fr) minmax(20rem,.98fr);align-items:center;gap:clamp(2rem,6vw,8rem);min-height:min(790px,100svh - 5.5rem);padding-block:clamp(3.5rem,8vw,7rem);display:grid}.about-page__hero-copy{align-self:center}.about-page__eyebrow{color:var(--about-accent);letter-spacing:.13em;margin:0;font-size:.72rem;font-weight:800;line-height:1.4}.about-page__hero h1,.about-page__statement h2,.about-page__career h2,.about-page__closing h2{color:var(--about-ink);letter-spacing:-.078em;margin:0;font-weight:640}.about-page__hero h1{max-width:8.2em;margin-top:1.4rem;font-size:clamp(3.7rem,7.8vw,7.7rem);line-height:.89}.about-page__lead{max-width:32rem;color:var(--about-muted);margin:2rem 0 0;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.85}.about-page__scroll-note{color:var(--about-muted);letter-spacing:.16em;margin-top:clamp(3rem,8vw,8rem);font-size:.66rem;font-weight:700;display:inline-block}.about-page__card-stage{border:1px solid var(--about-line);background:linear-gradient(135deg,#ded9ce,#c9c3b6);border-radius:.4rem;min-height:34rem;padding:1.2rem;position:relative;box-shadow:0 1.5rem 4rem #41372a1a}.about-page__card-stage>p{z-index:2;color:#5e584e;margin:0;font-size:.73rem;position:absolute;top:1.25rem;left:1.25rem}.about-page__card-stage .about-lanyard,.about-page__card-stage .about-lanyard__canvas{width:100%;min-height:32rem;margin:0}.about-page__statement{border-top:1px solid var(--about-line);grid-template-columns:minmax(9rem,.45fr) minmax(0,1.25fr) minmax(14rem,.65fr);gap:clamp(1.2rem,4vw,4rem);padding:clamp(6rem,15vw,12rem) 0;display:grid}.about-page__statement h2{font-size:clamp(2.9rem,5.8vw,6rem);line-height:.92}.about-page__statement>p:last-child{max-width:22rem;color:var(--about-muted);align-self:end;margin:0;font-size:1rem;line-height:1.9}.about-page__image-essay{padding:0 0 clamp(6rem,13vw,11rem)}.about-page__image-essay-intro{border-top:1px solid var(--about-line);grid-template-columns:minmax(9rem,.45fr) minmax(0,.72fr);gap:clamp(1.2rem,4vw,4rem);padding:1.2rem 0 3rem;display:grid}.about-page__image-essay-intro>p:last-child{max-width:33rem;color:var(--about-muted);margin:0;font-size:1rem;line-height:1.85}.about-page__work-frames{grid-template-columns:repeat(12,1fr);align-items:start;gap:clamp(.8rem,2.4vw,2rem);display:grid}.about-page__work-frame{min-width:0;margin:0}.about-page__work-frame--1{grid-column:span 6}.about-page__work-frame--2{grid-column:8/span 3;margin-top:clamp(2.5rem,10vw,9rem)}.about-page__work-frame--3{grid-column:4/span 7;margin-top:clamp(2.5rem,7vw,7rem)}.about-page__work-image{background:#e2ded4;border:1px solid #201f1b1a;width:100%;height:auto;display:block;box-shadow:0 1.2rem 3rem #322b221a}.about-page__work-frame--2 .about-page__work-image{aspect-ratio:3/4.7;object-fit:cover;object-position:top}.about-page__work-frame figcaption{color:var(--about-muted);letter-spacing:.08em;margin-top:.7rem;font-size:.68rem;font-weight:700}.about-page__statement--method{grid-template-columns:minmax(9rem,.45fr) minmax(0,1fr);align-items:center;padding-block:clamp(2.5rem,5vw,4rem)}.about-page__method-tags{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.about-page__method-tags li{border:1px solid var(--about-line);color:#4c4842;border-radius:999px;padding:.46rem .7rem;font-size:.8rem}.about-page__numbers{border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line);grid-template-columns:repeat(4,1fr);margin-top:clamp(.5rem,3vw,2rem);display:grid}.about-page__numbers div{gap:.45rem;padding:clamp(1.25rem,3vw,2.2rem) 1rem;display:grid}.about-page__numbers div+div{border-left:1px solid var(--about-line)}.about-page__numbers strong{color:var(--about-accent);letter-spacing:-.08em;font-size:clamp(2rem,3.7vw,3.8rem);font-weight:620;line-height:1}.about-page__numbers span{color:var(--about-muted);font-size:.78rem}.about-page__career{grid-template-columns:1fr;gap:1.5rem;padding:clamp(5rem,10vw,8rem) 0;display:grid}.about-page__career-intro{align-self:start}.about-page__career h2{margin-top:1.15rem;font-size:clamp(2.8rem,5.1vw,5.5rem);line-height:.93}.about-page__career-intro>p:last-child{max-width:25rem;color:var(--about-muted);margin:2rem 0 0;font-size:1rem;line-height:1.9}.about-page__timeline-list{border-top:1px solid var(--about-line);margin:0;padding:0;list-style:none}.about-page__timeline-list>li{border-bottom:1px solid var(--about-line);grid-template-columns:minmax(7rem,.38fr) minmax(0,1fr);gap:1.5rem;padding:1.4rem 0 2.7rem;display:grid}.about-page__timeline-list time,.about-page__role{color:var(--about-muted);letter-spacing:.04em;font-size:.75rem;font-weight:700}.about-page__role{margin:0 0 .55rem}.about-page__timeline-list h3{color:var(--about-ink);letter-spacing:-.045em;margin:0;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:650}.about-page__timeline-list ul{color:var(--about-muted);gap:.55rem;margin:1.1rem 0 0;padding:0;font-size:.93rem;line-height:1.75;list-style:none;display:grid}.about-page__timeline-list ul li{padding-left:1rem;position:relative}.about-page__timeline-list ul li:before{background:var(--about-accent);content:"";border-radius:50%;width:.28rem;height:.28rem;position:absolute;top:.75em;left:0}.about-page__closing{border-top:1px solid var(--about-line);grid-template-columns:minmax(0,.95fr) minmax(17rem,.8fr);align-items:center;gap:clamp(2rem,8vw,8rem);padding:clamp(3rem,7vw,7rem) 0 clamp(4rem,8vw,7rem);display:grid}.about-page__closing-image{mix-blend-mode:multiply;width:100%;height:auto;display:block}.about-page__closing h2{margin-top:1.2rem;font-size:clamp(2.7rem,5.2vw,5.7rem);line-height:.91}.about-page__closing a{color:var(--about-ink);border-bottom:1px solid;gap:.55rem;margin-top:2rem;padding-bottom:.25rem;font-size:1rem;font-weight:750;text-decoration:none;display:inline-flex}.about-page__closing a span,.about-page__wordmark:hover,.about-page__actions a:hover,.about-page__closing a:hover{color:var(--about-accent)}.about-page__actions .about-page__contact-link:hover{background:var(--about-accent);color:#fff}@media (max-width:800px){.about-page{padding-inline:1.15rem}.about-page__hero,.about-page__career,.about-page__closing{grid-template-columns:1fr}.about-page__hero{gap:2.5rem;min-height:0;padding:4.4rem 0 5.5rem}.about-page__card-stage{min-height:26rem}.about-page__card-stage .about-lanyard,.about-page__card-stage .about-lanyard__canvas{min-height:24rem}.about-page__statement{grid-template-columns:1fr;gap:1.5rem;padding-block:5.5rem}.about-page__statement>p:last-child{max-width:34rem}.about-page__image-essay-intro{grid-template-columns:1fr;gap:1.1rem}.about-page__work-frame--1{grid-column:span 8}.about-page__work-frame--2{grid-column:10/span 3}.about-page__work-frame--3{grid-column:3/span 9}.about-page__method-tags{grid-column:auto}.about-page__numbers{grid-template-columns:repeat(2,1fr)}.about-page__numbers div:nth-child(3){border-left:0;border-top:1px solid var(--about-line)}.about-page__numbers div:nth-child(4){border-top:1px solid var(--about-line)}.about-page__career{gap:3rem;padding-block:6rem}}@media (max-width:520px){.about-page__header{align-items:flex-start;gap:1rem}.about-page__actions{gap:.65rem}.about-page__hero h1{font-size:clamp(3.35rem,16vw,5rem)}.about-page__card-stage{margin-inline:-.15rem}.about-page__work-frames{gap:1.5rem .8rem}.about-page__work-frame--1{grid-column:span 9}.about-page__work-frame--2{grid-column:10/span 3;margin-top:3.5rem}.about-page__work-frame--3{grid-column:1/-1;margin-top:1.5rem}.about-page__timeline-list>li{grid-template-columns:1fr;gap:.65rem}.about-page__closing{gap:1.5rem}}@media (prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto}}.contact-page{--contact-ink:#171716;--contact-muted:#62625d;--contact-paper:#fff;--contact-line:#17171621;--contact-green:#47a56b;--contact-yellow:#f2b927;background:var(--contact-paper);min-height:100vh;color:var(--contact-ink);padding:1.4rem clamp(1.2rem,4vw,4rem) 0;overflow:hidden}.contact-page__header,.contact-page__hero,.contact-page__contact-row,.contact-page__footer{width:min(1280px,100%);margin-inline:auto}.contact-page__header{border-bottom:1px solid var(--contact-line);justify-content:space-between;align-items:center;padding-bottom:1.2rem;display:flex}.contact-page__wordmark,.contact-page__nav a{color:inherit;letter-spacing:.09em;font-size:.75rem;font-weight:780;text-decoration:none}.contact-page__nav{gap:1.2rem;display:flex}.contact-page__nav a{letter-spacing:.03em}.contact-page__wordmark:hover,.contact-page__nav a:hover,.contact-page__project-link:hover,.contact-page__footer a:hover{color:var(--contact-green)}.contact-page__hero{grid-template-columns:minmax(0,.96fr) minmax(18rem,.84fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:min(670px,100svh - 5rem);padding:clamp(5rem,12vw,9rem) clamp(1rem,4vw,4rem);display:grid;position:relative}.contact-page__hero-copy{z-index:1;max-width:38rem;position:relative}.contact-page__eyebrow{color:#8a7f69;letter-spacing:.14em;margin:0;font-size:.7rem;font-weight:800}.contact-page__hero h1,.contact-page__row-copy h2{letter-spacing:-.075em;margin:0;font-weight:650}.contact-page__hero h1{margin-top:1.25rem;font-size:clamp(4rem,8vw,8.8rem);line-height:.86}.contact-page__hero-copy>p:not(.contact-page__eyebrow){max-width:31rem;color:var(--contact-muted);margin:1.8rem 0 0;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.8}.contact-page__hero-qr{width:100%}.contact-page__note{width:clamp(5.5rem,10vw,8.6rem);height:auto;position:absolute;top:16%;left:13%;transform:rotate(-6deg)}.contact-page__character{filter:drop-shadow(0 .7rem .8rem #00000021);width:clamp(4.5rem,8vw,6.75rem);height:auto;position:absolute;bottom:12%;right:14%;transform:rotate(5deg)}.contact-page__hero-dot{border-radius:50%;width:.75rem;height:.75rem;position:absolute}.contact-page__hero-dot--one{background:var(--contact-yellow);top:25%;right:25%}.contact-page__hero-dot--two{background:var(--contact-green);bottom:25%;left:27%}.contact-page__contact-row{border-top:1px solid var(--contact-line);grid-template-columns:minmax(0,1fr) minmax(17rem,.8fr);align-items:center;gap:clamp(2rem,9vw,9rem);padding:clamp(4rem,9vw,8rem) 0;display:grid}.contact-page__contact-row--qr{grid-template-columns:minmax(17rem,.8fr) minmax(0,1fr)}.contact-page__visual{background:radial-gradient(circle at 25% 25%,#ffffffe6,#0000 34%),linear-gradient(135deg,#e4e6df,#d8ddd6);border:1px solid #17171617;border-radius:1.5rem;place-items:center;min-height:clamp(20rem,35vw,31rem);display:grid;position:relative;overflow:hidden;box-shadow:0 1.7rem 4rem #272f231a}.contact-page__visual:before{content:"";background:repeating-linear-gradient(135deg,#0000 0 5px,#fff3 5px 6px);position:absolute;inset:-40%;transform:rotate(-8deg)}.contact-page__contact-card{z-index:1;filter:drop-shadow(0 1rem 1rem #3239312e);width:min(74%,25rem);height:auto;position:relative;transform:rotate(-3deg)}.contact-page__sticker{z-index:2;width:min(48%,13.5rem);height:auto;position:absolute;bottom:8%;right:8%;transform:rotate(7deg)}.contact-page__row-copy{max-width:31rem}.contact-page__row-copy h2{margin-top:1.1rem;font-size:clamp(2.75rem,4.7vw,5.2rem);line-height:.9}.contact-page__row-copy>p:not(.contact-page__eyebrow){color:var(--contact-muted);margin:1.7rem 0 0;font-size:1rem;line-height:1.85}.contact-page__visual--qr{background:radial-gradient(circle at 68% 30%,#ffffffe0,#0000 32%),linear-gradient(135deg,#e4ece4,#d4ddd7)}.contact-page__qr{z-index:2;background:#fff;border-radius:1rem;width:clamp(8rem,14vw,11rem);height:auto;padding:1rem;position:relative;transform:rotate(4deg);box-shadow:0 1.2rem 2.4rem #1e372629}.contact-page__cup{z-index:1;width:clamp(7rem,16vw,11.25rem);height:auto;position:absolute;bottom:-2%;right:8%;transform:rotate(-9deg)}.contact-page__project-link{color:var(--contact-ink);border-bottom:1px solid;gap:.55rem;margin-top:1.9rem;padding-bottom:.25rem;font-size:.95rem;font-weight:760;text-decoration:none;display:inline-flex}.contact-page__project-link span,.contact-page__footer span{color:var(--contact-green)}.contact-page__footer{border-top:1px solid var(--contact-line);justify-content:space-between;align-items:center;padding:1.5rem 0 2rem;display:flex}.contact-page__footer p{color:var(--contact-muted);letter-spacing:.13em;margin:0;font-size:.68rem;font-weight:800}.contact-page__footer a{color:var(--contact-ink);font-size:.82rem;font-weight:760;text-decoration:none}@media (max-width:760px){.contact-page{padding-inline:1.15rem}.contact-page__hero{grid-template-columns:1fr;min-height:0;padding:5rem 0}.contact-page__hero-qr{min-height:20rem}.contact-page__note{top:10%;left:1%}.contact-page__character{bottom:10%;right:2%}.contact-page__hero-dot--one{top:20%;right:20%}.contact-page__hero-dot--two{bottom:19%;left:17%}.contact-page__contact-row,.contact-page__contact-row--qr{grid-template-columns:1fr;gap:2.2rem}.contact-page__contact-row--qr .contact-page__row-copy{order:2}.contact-page__contact-row--qr .contact-page__visual{order:1}.contact-page__visual{min-height:21rem}.contact-page__footer{gap:1rem}}@media (max-width:450px){.contact-page__header{align-items:flex-start;gap:1rem}.contact-page__nav{gap:.65rem}.contact-page__hero h1{font-size:clamp(3.55rem,18vw,5rem)}.contact-page__contact-row{padding-block:4rem}.contact-page__footer{flex-direction:column;align-items:flex-start}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
