:root{--ink:#071017;--ink-soft:#12202a;--paper:#f2f1ec;--paper-cool:#edf2f4;--white:#fbfcfa;--blue:#79a9cf;--blue-bright:#8fc8f0;--blue-deep:#376887;--lime:#c8f067;--line-dark:rgba(7, 16, 23, 0.18);--line-light:rgba(255, 255, 255, 0.24);--page-gutter:clamp(1.25rem, 3.4vw, 4rem);--header-height:5.5rem;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--mx:0px;--my:0px}:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer),:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) *,:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) *::before,:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) *::after{box-sizing:border-box}html{scroll-behavior:smooth}body.home{overflow-x:clip;background:var(--paper);color:var(--ink)}.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer{font-family:"Space Grotesk","Noto Sans TC",system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) img,:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) video{display:block;max-width:100%}:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) a{color:inherit;text-decoration:none}:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) button,:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) input,:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) textarea,:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) select{font:inherit}:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) button{color:inherit}:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) ul{margin:0;padding:0;list-style:none}:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) h1,:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) h2,:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) h3,:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) p,:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) figure{margin:0}.mobile-only{display:none}:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) ::selection{background:var(--lime);color:var(--ink)}:where(.oxlia-home-main,.site-header,.mobile-menu,.site-footer,.loader,.pointer) :focus-visible{outline:2px solid var(--lime);outline-offset:5px}.skip-link{position:fixed;z-index:999;top:1rem;left:1rem;padding:.75rem 1rem;transform:translateY(-160%);background:var(--white);color:var(--ink);transition:transform 0.25s ease}.skip-link:focus{transform:translateY(0)}.loader{position:fixed;z-index:9999;inset:0;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(1.25rem, 3vw, 3rem);overflow:hidden;background:var(--ink);color:var(--white);transition:visibility 0s 0.2s,opacity 0.18s ease}.no-js .loader,body.is-loaded .loader{visibility:hidden;opacity:0;pointer-events:none}.loader::before{position:absolute;inset:-35%;background:radial-gradient(circle at 50% 45%,rgb(121 169 207 / .27),transparent 26%),conic-gradient(from 120deg,transparent,rgb(143 200 240 / .08),transparent 45%);content:"";animation:loader-orbit 7s linear infinite}.loader__top,.loader__track,.loader__word{position:relative;z-index:1}.loader__top{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;letter-spacing:.16em}.loader__word{align-self:center;font-size:clamp(5rem, 19vw, 18rem);font-weight:600;line-height:.78;letter-spacing:-.09em}.loader__track{height:1px;overflow:hidden;background:rgb(255 255 255 / .2)}.loader__track span{display:block;width:0;height:100%;background:var(--lime)}@keyframes loader-orbit{to{transform:rotate(360deg)}}.pointer{position:fixed;z-index:200;top:0;left:0;display:none;width:4.75rem;height:4.75rem;align-items:center;justify-content:center;transform:translate3d(-50%,-50%,0);border:1px solid rgb(255 255 255 / .7);border-radius:50%;background:rgb(7 16 23 / .16);color:var(--white);backdrop-filter:blur(8px);pointer-events:none;opacity:0;transition:width 0.35s var(--ease-out),height 0.35s var(--ease-out),opacity 0.25s ease,background 0.25s ease}.pointer__dot{width:.3rem;height:.3rem;border-radius:50%;background:var(--lime)}.pointer__label{display:none;font-size:.75rem;font-weight:700;letter-spacing:.08em}.pointer.is-visible{opacity:1}.pointer.is-project{width:6.5rem;height:6.5rem;border-color:var(--white);background:rgb(7 16 23 / .74)}.pointer.is-project .pointer__dot{display:none}.pointer.is-project .pointer__label{display:block}.site-header{position:fixed;z-index:80;top:0;left:0;display:grid;width:100%;min-height:var(--header-height);grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:0 var(--page-gutter);border-bottom:1px solid rgb(255 255 255 / .14);color:var(--white);transition:background 0.4s ease,min-height 0.4s var(--ease-out),border-color 0.4s ease}.site-header.is-scrolled,.site-header.menu-active{min-height:4.4rem;border-color:rgb(255 255 255 / .12);background:rgb(7 16 23 / .76);backdrop-filter:blur(18px) saturate(120%)}.brand{display:inline-flex;width:max-content;align-items:center;gap:.75rem}.brand__name{font-size:1.25rem;font-weight:700;line-height:1;letter-spacing:-.055em}.brand__sub{padding-left:.75rem;border-left:1px solid currentColor;font-family:"Noto Sans TC",sans-serif;font-size:.75rem;font-weight:600;line-height:1.3;letter-spacing:.1em}.desktop-nav{display:flex;align-items:center;gap:clamp(1.5rem, 2.4vw, 2.75rem);font-family:"Noto Sans TC",sans-serif;font-size:.875rem;font-weight:500}.desktop-nav a{position:relative;padding:.4rem 0;opacity:.72;transition:opacity 0.25s ease}.desktop-nav a::after{position:absolute;right:0;bottom:0;left:0;height:1px;transform:scaleX(0);transform-origin:right;background:currentColor;content:"";transition:transform 0.35s var(--ease-out)}.desktop-nav a:hover{opacity:1}.desktop-nav a:hover::after{transform:scaleX(1);transform-origin:left}.header-contact{display:inline-flex;width:max-content;min-width:8rem;justify-self:end;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem .72rem .72rem 1.15rem;border:1px solid rgb(255 255 255 / .35);border-radius:999px;font-family:"Noto Sans TC",sans-serif;font-size:.875rem;transition:background 0.3s ease,color 0.3s ease}.header-contact span:last-child{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--white);color:var(--ink)}.header-contact:hover{background:var(--white);color:var(--ink)}.header-contact:hover span:last-child{background:var(--ink);color:var(--white)}.mobile-contact{display:none}.menu-toggle{display:none;width:3.7rem;height:3.7rem;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / .3);border-radius:50%;background:#fff0;cursor:pointer}.menu-toggle span{font-size:.75rem;letter-spacing:.08em}.menu-toggle i{position:absolute;display:none;width:1.05rem;height:1px;background:currentColor;transition:transform 0.35s var(--ease-out)}.mobile-menu{position:fixed;z-index:70;inset:0;display:flex;visibility:hidden;flex-direction:column;justify-content:space-between;padding:calc(var(--header-height) + 2rem) var(--page-gutter) 1.5rem;background:var(--blue);color:var(--ink);opacity:0;clip-path:circle(0 at calc(100% - 2.8rem) 2.8rem);transition:visibility 0s 0.75s,opacity 0.25s ease 0.35s,clip-path 0.75s var(--ease-out)}.mobile-menu.is-open{visibility:visible;opacity:1;clip-path:circle(145% at calc(100% - 2.8rem) 2.8rem);transition:visibility 0s,opacity 0.2s ease,clip-path 0.75s var(--ease-out)}.mobile-menu__index,.mobile-menu__foot{font-size:.75rem;font-weight:600;letter-spacing:.14em}.mobile-menu nav{display:grid}.mobile-menu nav a{display:grid;grid-template-columns:2.5rem 1fr;align-items:baseline;padding:.8rem 0;border-bottom:1px solid rgb(7 16 23 / .22);font-family:"Noto Sans TC",sans-serif;font-size:clamp(2.2rem, 10vw, 4.5rem);font-weight:600;line-height:1.1;letter-spacing:-.06em}.mobile-menu nav a span{font-family:"Space Grotesk",sans-serif;font-size:.75rem;letter-spacing:.05em}.hero{position:relative;height:190vh;background:var(--ink);color:var(--white)}.hero__sticky{position:sticky;top:0;height:100svh;min-height:42rem;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 49% 44%,#1d4054 0,#0d202c 22%,transparent 48%),var(--ink)}.hero__wash{position:absolute;z-index:-1;inset:-30%;background:radial-gradient(circle at calc(50% + var(--mx)) calc(42% + var(--my)),rgb(143 200 240 / .24),transparent 22%),conic-gradient(from 90deg at 50% 50%,transparent,rgb(121 169 207 / .05),transparent 38%);animation:atmosphere 18s ease-in-out infinite alternate}@keyframes atmosphere{50%{transform:translate3d(2%,-2%,0) rotate(7deg) scale(1.04)}100%{transform:translate3d(-1%,1%,0) rotate(-4deg) scale(.98)}}.hero__grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgb(255 255 255 / .045) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .045) 1px,transparent 1px);background-size:calc(100vw / 12) calc(100vw / 12);mask-image:linear-gradient(to bottom,rgb(0 0 0 / .65),transparent 84%)}.hero__portal{position:absolute;z-index:1;top:49%;left:50%;width:min(41vw, 41rem);aspect-ratio:.8;overflow:hidden;transform:translate3d(calc(-50% + var(--mx)),calc(-50% + var(--my)),0);border:1px solid rgb(255 255 255 / .3);border-radius:clamp(2rem, 4.5vw, 5rem);background:var(--blue-deep);box-shadow:0 3rem 8rem rgb(0 0 0 / .34),inset 0 0 0 1rem rgb(255 255 255 / .035);transition:transform 1.4s var(--ease-out)}.hero__portal::before{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgb(6 15 21 / .24),transparent 27%,transparent 70%,rgb(6 15 21 / .43));content:"";pointer-events:none}.hero__portal::after{position:absolute;z-index:3;inset:.85rem;border:1px solid rgb(255 255 255 / .2);border-radius:inherit;content:"";pointer-events:none}.hero__portal video{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.05) brightness(.92);transform:scale(1.02)}.hero__portal-line{position:absolute;z-index:4;top:50%;left:50%;width:70%;height:1px;overflow:hidden;transform:translate(-50%,-50%) rotate(-24deg);background:rgb(255 255 255 / .25)}.hero__portal-line::after{display:block;width:35%;height:100%;background:var(--lime);content:"";animation:scan 3.2s ease-in-out infinite}@keyframes scan{0%{transform:translateX(-110%)}65%,100%{transform:translateX(310%)}}.hero__portal-note{position:absolute;z-index:4;top:1.8rem;right:2rem;font-size:.75rem;line-height:1.3;letter-spacing:.12em;text-align:right}.video-toggle{position:absolute;z-index:7;top:calc(var(--header-height) + 1rem);bottom:auto;left:50%;display:inline-flex;min-width:6.4rem;min-height:2.75rem;align-items:center;justify-content:center;gap:.55rem;padding:.55rem .8rem;border:1px solid rgb(255 255 255 / .45);border-radius:999px;background:rgb(7 16 23 / .55);color:var(--white);backdrop-filter:blur(10px);cursor:pointer;transform:translateX(-50%)}.video-toggle span{width:.9rem;font-size:.75rem;line-height:1}.video-toggle b{font-size:.75rem;font-weight:600;letter-spacing:.1em}.video-toggle.is-paused{background:rgb(255 255 255 / .9);color:var(--ink)}.hero__display{position:absolute;z-index:2;inset:0;overflow:hidden;font-size:clamp(5.5rem, 13vw, 13.6rem);font-weight:600;line-height:.72;letter-spacing:-.095em;pointer-events:none}.hero__display-line{position:absolute;display:block;white-space:nowrap}.hero__display-line--one{top:14%;left:-.7vw}.hero__display-line--two{top:42%;right:-1vw;color:#fff0;-webkit-text-stroke:1px rgb(255 255 255 / .58)}.hero__display-line--three{right:3.4vw;bottom:7%;font-size:.77em}.hero__deck{position:absolute;z-index:5;inset:0;pointer-events:none;perspective:1400px}.deck-card{position:absolute;width:clamp(9rem, 15vw, 15rem);overflow:hidden;border:1px solid rgb(255 255 255 / .42);background:rgb(255 255 255 / .1);box-shadow:0 1.5rem 4rem rgb(0 0 0 / .3);transform-style:preserve-3d;will-change:transform}.deck-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.deck-card figcaption{display:flex;justify-content:space-between;padding:.55rem .7rem;background:rgb(7 16 23 / .88);font-size:.75rem;letter-spacing:.08em}.deck-card--1{top:18%;left:20%;transform:rotate(-9deg) translateZ(20px)}.deck-card--2{top:15%;right:13%;transform:rotate(8deg) translateZ(55px)}.deck-card--3{right:20%;bottom:17%;transform:rotate(-6deg) translateZ(75px)}.deck-card--4{bottom:10%;left:40%;transform:rotate(7deg) translateZ(35px)}.hero__copy{position:absolute;z-index:8;bottom:6.5vh;left:var(--page-gutter);width:min(31rem, 37vw)}.eyebrow{display:flex;align-items:center;gap:.7rem;margin-bottom:1.4rem;font-size:.75rem;font-weight:600;letter-spacing:.13em}.eyebrow span{width:.55rem;height:.55rem;border-radius:50%;background:var(--lime);box-shadow:0 0 1rem rgb(200 240 103 / .8);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.45;transform:scale(.7)}}.hero__copy h1{max-width:9em;font-family:"Noto Sans TC",sans-serif;font-size:clamp(2.25rem, 4.25vw, 4.7rem);font-weight:500;line-height:1.08;letter-spacing:-.07em}.hero__copy h1 em{color:var(--blue-bright);font-style:normal}.hero__summary{max-width:30rem;margin-top:1.25rem;font-family:"Noto Sans TC",sans-serif;font-size:clamp(1rem, 1.05vw, 1.08rem);line-height:1.85;opacity:.72}.hero__actions{display:flex;align-items:center;gap:1.6rem;margin-top:1.8rem}.button{display:inline-flex;min-width:10.4rem;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .75rem .75rem 1.15rem;border-radius:999px;font-family:"Noto Sans TC",sans-serif;font-size:.875rem;font-weight:500}.button b{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;font-size:.85rem}.button--light{background:var(--white);color:var(--ink)}.button--light b{background:var(--ink);color:var(--white)}.text-link{padding-bottom:.25rem;border-bottom:1px solid rgb(255 255 255 / .4);font-family:"Noto Sans TC",sans-serif;font-size:.875rem;opacity:.8}.hero__status{position:absolute;z-index:8;right:var(--page-gutter);bottom:3rem;display:grid;width:min(21rem, 25vw);grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;font-size:.75rem;letter-spacing:.1em}.hero__status div{height:1px;overflow:hidden;background:rgb(255 255 255 / .25)}.hero__status i{display:block;width:18%;height:100%;background:var(--lime)}.statement{position:relative;min-height:110vh;padding:8rem var(--page-gutter) 6rem;background:var(--paper)}.statement__meta,.contact__meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:600;letter-spacing:.12em}.statement__body{display:grid;min-height:78vh;grid-template-columns:minmax(0,1fr) minmax(16rem,24rem);align-items:center;gap:6vw;padding:4rem 0 2rem}.statement h2{max-width:16em;font-family:"Noto Sans TC",sans-serif;font-size:clamp(2.8rem, 5.8vw, 6.7rem);font-weight:500;line-height:1.17;letter-spacing:-.075em}.statement h2 em{color:var(--blue-deep);font-style:normal}.statement__aside{align-self:end;padding-bottom:6vh}.statement__aside>p{font-family:"Noto Sans TC",sans-serif;font-size:clamp(1rem, 1.1vw, 1.08rem);line-height:2}.round-link{display:flex;width:9rem;height:9rem;align-items:center;justify-content:space-between;margin-top:3rem;padding:1.35rem;border:1px solid var(--line-dark);border-radius:50%;font-size:.75rem;font-weight:700;line-height:1.2;letter-spacing:.08em;transition:background 0.35s ease,color 0.35s ease,transform 0.35s var(--ease-out)}.round-link b{align-self:flex-end;font-size:1.1rem}.round-link:hover{transform:rotate(5deg);background:var(--ink);color:var(--white)}.statement__line{height:1px;overflow:hidden;background:var(--line-dark)}.statement__line span{display:block;width:0;height:100%;background:var(--blue-deep)}.section-index{margin-bottom:2rem;font-size:.75rem;font-weight:600;letter-spacing:.14em}.work{position:relative;background:var(--paper)}.work__header{display:grid;min-height:92vh;grid-template-columns:1fr minmax(17rem,26rem);align-items:end;gap:6vw;padding:7rem var(--page-gutter) 6rem}.work__header h2,.services__intro h2{max-width:12em;font-family:"Noto Sans TC",sans-serif;font-size:clamp(3.1rem, 6.8vw, 7.5rem);font-weight:500;line-height:1.06;letter-spacing:-.08em;text-wrap:balance}.work-title--mobile{display:none}.project-count--mobile{display:none}.work__header>p,.services__intro>p:last-child{padding-bottom:.75rem;font-family:"Noto Sans TC",sans-serif;font-size:clamp(1rem, 1.1vw, 1.08rem);line-height:1.95}.projects{position:relative}.project{position:relative;min-height:140vh}.project__sticky{position:sticky;top:0;display:grid;height:100svh;min-height:42rem;grid-template-columns:32% 68%;align-items:end;overflow:hidden;padding:calc(var(--header-height) + 2rem) var(--page-gutter) 6vh;isolation:isolate}.project--lume .project__sticky{background:#e5ded1;color:#211f1c}.project--yelu .project__sticky{background:#0e0d0d;color:#f8f5ee}.project--drink .project__sticky{background:#d9e9e5;color:#17302d}.project--stay .project__sticky{background:#1b2821;color:#f0eadc}.project--bean .project__sticky{background:#481e1b;color:#f4e8d7}.project--tofu .project__sticky{background:#ddcfb7;color:#2d251c}.project--night .project__sticky{background:#06101c;color:#f3f6fa}.project__giant{position:absolute;z-index:-1;top:50%;right:-.06em;transform:translateY(-53%);font-size:clamp(20rem, 52vw, 56rem);font-weight:600;line-height:.72;letter-spacing:-.13em;opacity:.065;pointer-events:none}.project__media{position:absolute;z-index:1;top:50%;right:var(--page-gutter);width:min(61vw, 68rem);height:min(70vh, 47rem);overflow:hidden;transform:translateY(-50%);background:rgb(255 255 255 / .1);box-shadow:0 2rem 6rem rgb(0 0 0 / .22);clip-path:inset(0 0 0 0)}.project__media::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgb(0 0 0 / .26));content:"";opacity:0;transition:opacity 0.4s ease}.project__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.075);transition:transform 1s var(--ease-out),filter 0.5s ease}.project__media:hover img{transform:scale(1.025)}.project__media:hover::after{opacity:1}.project__view{position:absolute;z-index:2;right:1.2rem;bottom:1.2rem;display:grid;width:6.2rem;height:6.2rem;place-items:center;transform:translateY(130%);border-radius:50%;background:var(--white);color:var(--ink);font-size:.75rem;font-weight:700;letter-spacing:.05em;transition:transform 0.5s var(--ease-out)}.project__media:hover .project__view{transform:translateY(0)}.project__copy{position:relative;z-index:4;width:min(27vw, 28rem);padding-bottom:.5rem;text-shadow:0 1px 2rem rgb(0 0 0 / .13)}.project__number{margin-bottom:1.3rem;font-size:.75rem;font-weight:700;letter-spacing:.13em}.project__copy h3{display:grid;font-size:clamp(3.2rem, 5.6vw, 6.8rem);font-weight:600;line-height:.82;letter-spacing:-.085em}.project__copy h3 small{margin-top:1rem;font-family:"Noto Sans TC",sans-serif;font-size:clamp(0.875rem, 1.05vw, 1rem);font-weight:500;line-height:1.4;letter-spacing:.04em}.project__copy>p{margin-top:1.5rem;font-family:"Noto Sans TC",sans-serif;font-size:clamp(1rem, 1.05vw, 1.08rem);line-height:1.85;opacity:.78}.project__copy ul{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.5rem}.project__copy li{padding:.38rem .66rem;border:1px solid currentColor;border-radius:999px;font-family:"Noto Sans TC",sans-serif;font-size:.75rem;opacity:.62}.all-work-link{display:flex;width:calc(100% - var(--page-gutter) * 2);min-height:45vh;align-items:center;justify-content:space-between;margin:0 var(--page-gutter);padding:2rem 0;border-bottom:1px solid var(--line-dark);font-family:"Noto Sans TC",sans-serif;font-size:clamp(2.6rem, 7vw, 7.5rem);font-weight:500;letter-spacing:-.075em}.all-work-link b{display:grid;width:clamp(5rem, 9vw, 9rem);height:clamp(5rem, 9vw, 9rem);place-items:center;border:1px solid var(--line-dark);border-radius:50%;font-size:clamp(1.4rem, 2vw, 2rem);transition:transform 0.4s var(--ease-out),background 0.3s ease,color 0.3s ease}.all-work-link:hover b{transform:rotate(45deg);background:var(--ink);color:var(--white)}.services{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);gap:5vw;padding:10rem var(--page-gutter);background:var(--ink);color:var(--white)}.services__intro,.service-list{min-width:0}.services__intro{position:sticky;top:calc(var(--header-height) + 3rem);align-self:start;padding-right:2vw}.services__intro h2{max-width:10.5em;font-size:clamp(2.7rem, 4.2vw, 4.9rem)}.services__intro>p:last-child{max-width:30rem;margin-top:2.2rem;opacity:.62}.service-list{border-top:1px solid var(--line-light)}.service-row{position:relative;display:grid;min-height:12.8rem;grid-template-columns:3.5rem minmax(0,1.05fr) minmax(0,1fr) 2.8rem;align-items:start;gap:1.4rem;padding:2rem 0;overflow:hidden;border-bottom:1px solid var(--line-light);isolation:isolate}.service-row::before{position:absolute;z-index:-1;inset:0;transform:translateY(102%);background:var(--blue);content:"";transition:transform 0.55s var(--ease-out)}.service-row:hover::before{transform:translateY(0)}.service-row>span{font-size:.75rem;font-weight:700;letter-spacing:.1em;opacity:.55}.service-row>*{min-width:0}.service-row h3{font-family:"Noto Sans TC",sans-serif;font-size:clamp(1.45rem, 2.3vw, 2.6rem);font-weight:500;line-height:1.25;letter-spacing:-.045em}.service-row p{font-family:"Noto Sans TC",sans-serif;font-size:1rem;line-height:1.85;opacity:.62}.service-row i{justify-self:end;font-size:1.2rem;font-style:normal;transition:transform 0.4s var(--ease-out)}.service-row:hover i{transform:rotate(45deg)}.service-row:hover p,.service-row:hover>span{opacity:.9}.marquee{padding:3rem 0;overflow:hidden;background:var(--blue-bright);color:var(--ink)}.marquee__line{display:flex;width:max-content;align-items:center;gap:1.7rem;white-space:nowrap;font-size:clamp(3.5rem, 8vw, 9rem);font-weight:600;line-height:.95;letter-spacing:-.075em;animation:marquee-left 28s linear infinite}.marquee__line--two{margin-top:.85rem;font-family:"Noto Sans TC",sans-serif;font-size:clamp(2.5rem, 6vw, 6.5rem);color:#fff0;-webkit-text-stroke:1px rgb(7 16 23 / .7);animation-name:marquee-right;animation-duration:34s}.marquee__line i{color:var(--lime);-webkit-text-stroke:0;font-size:.35em;font-style:normal}@keyframes marquee-left{to{transform:translateX(-50%)}}@keyframes marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}.contact{position:relative;display:flex;min-height:108svh;flex-direction:column;justify-content:space-between;padding:7rem var(--page-gutter) 4.5rem;overflow:hidden;isolation:isolate;background:var(--paper-cool)}.contact__workspace{position:absolute;z-index:-1;top:49%;left:64%;width:min(52vw, 46rem);aspect-ratio:1.08;transform:translate(-50%,-50%);opacity:.78;filter:drop-shadow(0 3rem 5rem rgb(55 104 135 / .22))}.contact__window{position:absolute;display:block;overflow:hidden;border:1px solid rgb(55 104 135 / .28);border-radius:clamp(1.2rem, 2.2vw, 2.1rem);background-color:rgb(255 255 255 / .3);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .42),0 1.5rem 4rem rgb(55 104 135 / .16);backdrop-filter:blur(16px)}.contact__window::before{position:absolute;top:1rem;left:1rem;width:.35rem;height:.35rem;border-radius:50%;background:var(--lime);box-shadow:.7rem 0 rgb(55 104 135 / .35),1.4rem 0 rgb(55 104 135 / .2);content:""}.contact__window--main{inset:10% 10% 13% 7%;transform:rotate(-4deg);background:linear-gradient(180deg,rgb(237 242 244 / .38),rgb(237 242 244 / .8)),url(/other_web/oxlia-home/assets/studio-loop-poster.jpg) center 32% / cover}.contact__window--side{top:2%;right:-3%;width:39%;height:43%;transform:rotate(7deg);background:linear-gradient(145deg,rgb(255 255 255 / .72),rgb(143 200 240 / .18)),repeating-linear-gradient(180deg,transparent 0 2.4rem,rgb(55 104 135 / .12) 2.4rem 2.48rem)}.contact__window--tools{right:2%;bottom:2%;width:34%;height:32%;transform:rotate(4deg);background:linear-gradient(90deg,rgb(55 104 135 / .12) 1px,transparent 1px),linear-gradient(rgb(55 104 135 / .12) 1px,transparent 1px),rgb(255 255 255 / .5);background-size:33.333% 50%}.contact__workspace-cursor{position:absolute;z-index:3;top:37%;left:58%;width:.85rem;height:.85rem;border:2px solid var(--blue-deep);border-radius:50%;background:var(--lime);box-shadow:0 0 0 .55rem rgb(200 240 103 / .18);animation:workspace-cursor 6s ease-in-out infinite}@keyframes workspace-cursor{0%,100%{transform:translate3d(-1.5rem,1.6rem,0)}48%{transform:translate3d(3.2rem,-2.1rem,0)}}.contact h2{position:relative;z-index:1;max-width:13em;padding:8vh 0;font-family:"Noto Sans TC",sans-serif;font-size:clamp(3.2rem, 7.6vw, 8.5rem);font-weight:500;line-height:1.08;letter-spacing:-.085em;text-wrap:balance}.contact h2 em{color:#fff0;font-style:normal;-webkit-text-stroke:1.3px var(--ink)}.contact__foot{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:2rem}.contact__foot p{max-width:28rem;font-family:"Noto Sans TC",sans-serif;font-size:.9rem;line-height:1.9}.contact__button{display:flex;width:clamp(11rem, 16vw, 14rem);height:clamp(11rem, 16vw, 14rem);flex-direction:column;justify-content:space-between;padding:1.7rem;border-radius:50%;background:var(--ink);color:var(--white);font-family:"Noto Sans TC",sans-serif;font-size:clamp(0.9rem, 1.15vw, 1.05rem);transition:transform 0.4s var(--ease-out),background 0.3s ease,color 0.3s ease}.contact__button b{align-self:flex-end;font-size:1.6rem}.contact__button:hover{transform:rotate(7deg) scale(1.03);background:var(--lime);color:var(--ink)}.site-footer{display:grid;grid-template-columns:1fr auto;gap:5rem;padding:5rem var(--page-gutter) 1.7rem;background:var(--ink);color:var(--white)}.footer-brand{display:inline-grid;width:max-content;font-size:clamp(3.8rem, 8vw, 8rem);font-weight:600;line-height:.82;letter-spacing:-.09em}.footer-brand small{margin-top:1.1rem;font-family:"Noto Sans TC",sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.13em}.footer-links{display:grid;min-width:15rem;align-content:start}.footer-links a{padding:.75rem 0;border-bottom:1px solid var(--line-light);font-family:"Noto Sans TC",sans-serif;font-size:.82rem}.footer-bottom{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;padding-top:1.7rem;border-top:1px solid var(--line-light);font-size:.75rem;letter-spacing:.11em;opacity:.58}.reveal{opacity:0;transform:translateY(2.2rem)}.no-js .reveal{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.pointer{display:flex}.project-hover{cursor:none}}@media (min-width:1101px) and (max-width:1440px){.work__header{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);gap:clamp(2.5rem, 4vw, 3.5rem)}.work__header h2{font-size:clamp(4.2rem, 5.8vw, 5.4rem);letter-spacing:-.075em}.contact h2{max-width:14em;font-size:clamp(4.7rem, 6.7vw, 6rem);letter-spacing:-.075em}}@media (max-width:1100px){:root{--header-height:4.8rem}.site-header{grid-template-columns:1fr auto auto}.desktop-nav{display:none}.header-contact{margin-left:auto}.menu-toggle{position:relative;display:flex;justify-self:end}.menu-toggle[aria-expanded="true"] span{display:none}.menu-toggle[aria-expanded="true"] i{display:block}.menu-toggle[aria-expanded="true"] i:nth-of-type(1){transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] i:nth-of-type(2){transform:rotate(-45deg)}.hero__portal{width:min(52vw, 38rem)}.hero__copy{width:min(35rem, 48vw)}.deck-card{width:clamp(8rem, 17vw, 12rem)}.deck-card--4{display:none}.work__header{min-height:76vh;grid-template-columns:1fr;align-content:end;gap:3rem}.work__header h2{max-width:10em;font-size:clamp(3.8rem, 8vw, 5.4rem)}.work__header>p{max-width:36rem}.contact h2{font-size:clamp(3.8rem, 7vw, 5.25rem)}.project__sticky{grid-template-columns:35% 65%}.project__media{width:62vw;height:min(62vh, 40rem)}.project__copy{width:31vw}.services{grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:3vw}.service-row{grid-template-columns:2.2rem minmax(10rem,1fr) minmax(11rem,1fr) 2rem;gap:.85rem}}@media (min-width:768px) and (max-width:900px){.services{grid-template-columns:1fr;gap:5rem;padding-top:8rem;padding-bottom:8rem}.services__intro{position:static;max-width:44rem;padding:0}.service-row{grid-template-columns:3rem minmax(15rem,0.9fr) minmax(17rem,1fr) 2rem}}@media (max-width:767px){:root{--page-gutter:1.15rem;--header-height:4.6rem}.site-header{min-height:var(--header-height);gap:.7rem}.site-header.is-scrolled,.site-header.menu-active{min-height:var(--header-height)}.mobile-menu{clip-path:inset(0);opacity:0;transform:translateY(-.75rem);transition:visibility 0s 0.36s,opacity 0.24s ease 0.08s,transform 0.36s var(--ease-out)}.mobile-menu.is-open{clip-path:inset(0);opacity:1;transform:translateY(0);transition:visibility 0s,opacity 0.2s ease,transform 0.36s var(--ease-out)}.brand{gap:.45rem}.brand__name{font-size:1.05rem}.brand__sub{padding-left:.48rem;font-size:.75rem}.header-contact{display:none}.mobile-contact{display:inline-flex;min-height:2.75rem;align-items:center;gap:.35rem;padding:0 .9rem;border:1px solid rgb(255 255 255 / .3);border-radius:999px;font-family:"Noto Sans TC",sans-serif;font-size:.875rem;white-space:nowrap}.menu-toggle{position:relative;display:flex;width:3.2rem;height:3.2rem;justify-self:end}.hero{height:114svh}.hero__sticky{min-height:36rem}.hero__grid{background-size:calc(100vw / 4) calc(100vw / 4)}.hero__portal{top:30%;width:74vw;max-width:23.5rem;aspect-ratio:.82;border-radius:2.2rem}.hero__portal-note{top:.95rem;right:1.05rem;display:block;font-size:.75rem;line-height:1.35;letter-spacing:.1em;opacity:.72}.hero__portal-line{width:62%;opacity:.48}.video-toggle{top:calc(30% + min(45.1vw, 14.3rem) - 3.35rem);right:auto;bottom:auto;left:calc(50% + min(37vw, 11.75rem) - 3.35rem);width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;transform:none}.video-toggle span{width:auto}.video-toggle b{display:none}.hero__display{font-size:17vw;line-height:.8;opacity:.34}.hero__display-line--one{top:13%;left:-1vw}.hero__display-line--two{top:33%;right:-2vw}.hero__display-line--three{display:none}.deck-card{width:6.2rem}.deck-card--1{top:18%;left:2%}.deck-card--2{top:23%;right:2%}.deck-card--3,.deck-card--4{display:none}.deck-card figcaption{padding:.4rem .5rem;font-size:.75rem}.hero__copy{right:var(--page-gutter);bottom:2.5vh;width:auto;padding-top:3rem;background:linear-gradient(180deg,#fff0,rgb(7 16 23 / .9) 36%,var(--ink) 64%)}.eyebrow{margin-bottom:.8rem;font-size:.75rem}.hero__copy h1{max-width:8.2em;font-size:clamp(2.15rem, 10vw, 3.15rem);line-height:1.08}.hero__summary{max-width:31rem;margin-top:.85rem;font-size:1rem;line-height:1.75}.hero__actions{gap:1rem;margin-top:1.2rem}.button{min-width:9.6rem;padding:.6rem .6rem .6rem 1rem;font-size:.875rem}.button b{width:1.8rem;height:1.8rem}.text-link{display:none}.hero__status{display:none}.statement{min-height:0;padding:4rem var(--page-gutter) 3.5rem}.statement .reveal{opacity:1;transform:none}.statement__meta,.contact__meta{align-items:start;gap:2rem;font-size:.75rem;line-height:1.5}.statement__meta span:last-child,.contact__meta span:last-child{text-align:right}.statement__body{min-height:0;grid-template-columns:1fr;gap:2.1rem;padding:2.75rem 0 2.25rem}.statement h2{font-size:clamp(2.15rem, 9.6vw, 3.55rem);line-height:1.2}br.mobile-only{display:block}.statement h2 br:nth-of-type(3){display:none}.statement__aside{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem;padding:0}.statement__aside>p{font-size:1rem;line-height:1.85}.round-link{width:6.7rem;height:6.7rem;margin:0;padding:1rem;font-size:.75rem}.work__header{min-height:46svh;grid-template-columns:1fr;align-content:end;gap:2.5rem;padding:4rem var(--page-gutter) 3.25rem}.section-index{margin-bottom:1.3rem;font-size:.75rem}.work__header h2,.services__intro h2{font-size:clamp(2.8rem, 13vw, 4.5rem);line-height:1.08}.work-title--desktop{display:none}.work-title--mobile{display:inline}.work__header>p,.services__intro>p:last-child{padding:0;font-size:1rem;line-height:1.85}.project{min-height:0}.project__sticky{position:relative;top:auto;display:flex;height:auto;min-height:0;flex-direction:column;align-items:stretch;gap:1.6rem;padding:calc(var(--header-height) + 0.8rem) var(--page-gutter) 3.5rem}.project__giant{top:calc(var(--header-height) + 0.2rem);right:-.08em;transform:none;font-size:55vw;opacity:.055}.project__media{position:relative;top:auto;right:auto;left:auto;width:100%;height:auto;aspect-ratio:4 / 3;transform:none}.project--lume .project__media img{object-position:50% 48%}.project--yelu .project__media img{object-position:50% 44%}.project--drink .project__media img{object-position:50% 50%}.project--stay .project__media img{object-position:50% 46%}.project--bean .project__media img{object-position:50% 48%}.project--tofu .project__media img{object-position:50% 50%}.project--night .project__media img{object-position:50% 44%}.project__view{right:.75rem;bottom:.75rem;display:inline-flex;width:auto;height:auto;min-height:2.75rem;align-items:center;padding:.7rem .85rem;transform:none;border-radius:999px;box-shadow:0 .5rem 1.5rem rgb(7 16 23 / .18)}.project__copy{position:relative;right:auto;bottom:auto;left:auto;width:100%;padding:0}.project__number{margin-bottom:.7rem;font-size:.8125rem}.project-count--desktop{display:none}.project-count--mobile{display:inline}.project__copy h3{font-size:clamp(2.85rem, 14vw, 4.6rem);line-height:.88}.project__copy h3 small{margin-top:.62rem;font-size:.9375rem}.project__copy>p{display:block;max-width:30rem;margin-top:.7rem;overflow:visible;font-size:1rem;line-height:1.7}.project__copy ul{margin-top:.65rem}.project__copy li{padding:.38rem .58rem;font-size:.8125rem;opacity:.74}.project--bean,.project--tofu,.project--night{display:none}.all-work-link{min-height:30svh;font-size:clamp(2.4rem, 11vw, 4rem)}.all-work-link b{width:4.2rem;height:4.2rem}.services{grid-template-columns:1fr;gap:4.5rem;padding:7rem var(--page-gutter)}.services__intro{position:static;padding:0}.services__intro h2{max-width:10em}.services__intro>p:last-child{margin-top:1.6rem}.service-row{min-height:0;grid-template-columns:2rem 1fr auto;grid-template-areas:"num title arrow" ". copy copy";gap:.8rem;padding:1.7rem 0}.service-row>span{grid-area:num}.service-row h3{grid-area:title;font-size:1.42rem}.service-row p{grid-area:copy;font-size:1rem}.service-row i{grid-area:arrow}.marquee{padding:2rem 0}.marquee__line{gap:1rem;font-size:14vw}.marquee__line--two{margin-top:.6rem;font-size:11vw}.contact{min-height:0;gap:0;padding:6.5rem var(--page-gutter) 4rem}.contact__workspace{top:47%;left:86%;width:78vw;opacity:.43}.contact h2{max-width:8.6em;padding:4.5rem 0 2.25rem;font-size:clamp(2.3rem, 10.2vw, 3.4rem);line-height:1.12}.contact h2 br{display:none}.contact h2 em{display:block;margin-top:.14em;color:var(--blue-deep);-webkit-text-stroke:0}.contact__foot{display:grid;grid-template-columns:1fr;align-items:start;gap:1.5rem}.contact__foot p{max-width:28rem;font-size:1rem;line-height:1.75}.contact__button{width:100%;height:auto;min-height:3.6rem;flex:none;flex-direction:row;align-items:center;padding:.8rem 1rem .8rem 1.25rem;border-radius:999px;font-size:1rem}.contact__button b{align-self:center;font-size:1.2rem}.site-footer{grid-template-columns:1fr;gap:3rem;padding-top:4rem}.footer-brand{font-size:18vw}.footer-links{min-width:0}.footer-bottom{gap:1rem;font-size:.75rem}}@media (max-width:360px){.brand__sub{display:none}.site-header{gap:.5rem}.mobile-contact{padding-inline:.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important}.hero{height:auto}.hero__sticky{position:relative}.project{min-height:auto}.project__sticky{position:relative}.reveal{opacity:1;transform:none}.hero__portal-line::after{animation:none}}