:root{--navy-950:#020c14;--navy-900:#031827;--navy-800:#083452;--ink:#06141f;--blue:#50aad8;--blue-deep:#188fbe;--blue-light:#bde7f8;--paper:#f3f7f8;--white:#fff}*{box-sizing:border-box}html{background:var(--navy-950);scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,system-ui,sans-serif}button,a{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--blue-light);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-shell{min-height:100vh;overflow:hidden}.hero{isolation:isolate;height:clamp(500px,32.5vw,570px);min-height:500px;color:var(--white);background:radial-gradient(circle at 61% 16%, #50aad89e, transparent 12%), radial-gradient(ellipse at 82% 63%, #1282be85, transparent 31%), radial-gradient(circle at 46% 63%, #2b98cd30, transparent 25%), linear-gradient(116deg, var(--navy-950) 0%, var(--navy-900) 48%, var(--navy-800) 100%);position:relative;overflow:hidden}.hero:before{content:"";z-index:-4;opacity:.26;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 95%);mask-image:linear-gradient(#000,#0000 95%)}.hero:after{content:"";z-index:-2;opacity:.33;clip-path:polygon(15% 100%,100% 12%,100% 100%);background:linear-gradient(103deg,#0000 12%,#50aad81a 45%,#50aad8ad);width:75vw;height:75%;position:absolute;bottom:-20%;right:-9vw}.hero-grain{z-index:-1;opacity:.2;pointer-events:none;background-image:radial-gradient(#ffffffd1 .55px,#0000 .7px);background-size:5px 5px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 66% 35%,#000 0 15%,#0000 55%);mask-image:radial-gradient(at 66% 35%,#000 0 15%,#0000 55%)}.hero-wordmark{z-index:-1;letter-spacing:.04em;color:#0000;opacity:.19;-webkit-text-stroke:1px #ade0f6b3;-webkit-user-select:none;user-select:none;font:800 clamp(76px,8.2vw,138px)/.76 Arial,sans-serif;display:grid;position:absolute;top:12px;left:-7px}.hero-glow{z-index:-3;aspect-ratio:1;filter:blur(44px);background:#50aad847;border-radius:50%;width:560px;animation:14s ease-in-out infinite alternate glow-drift;position:absolute;top:-220px;left:47%}.hero-arc{z-index:-1;border:1px solid #a3e1fac9;border-radius:50%;width:min(1120px,75vw);height:790px;animation:1.2s cubic-bezier(.22,.8,.3,1) both arc-reveal;position:absolute;top:-245px;left:24%;transform:rotate(-15deg);box-shadow:0 0 90px #50aad824,inset 0 0 80px #50aad80f}.hero-arc:before,.hero-arc:after{content:"";border-radius:inherit;position:absolute}.hero-arc:before{border:1px solid #50aad82e;inset:24px}.hero-arc:after{background:radial-gradient(circle at 52% 45%,#50aad821,#0000 58%);inset:72px}.utility-links{z-index:7;letter-spacing:.045em;align-items:center;gap:19px;font:500 14px/1 Arial,sans-serif;display:flex;position:absolute;top:25px;right:max(4.4vw,50vw - 710px)}.utility-links a{padding:4px 1px;text-decoration:none;transition:color .18s}.utility-links a:hover{color:var(--blue-light)}.utility-links>span{background:#ffffff4d;width:1px;height:23px}.hero-content{z-index:3;grid-template-columns:minmax(0,1fr) minmax(490px,.98fr);align-items:center;width:min(1420px,91vw);height:calc(100% - 54px);margin:0 auto;padding-top:32px;display:grid;position:relative}.identity-block{align-self:center;padding-bottom:12px;animation:.75s cubic-bezier(.22,.8,.3,1) 80ms both title-in}.identity-kicker{color:#bde7f8b8;letter-spacing:.23em;align-items:center;gap:10px;margin-bottom:12px;font:600 10px/1 Arial,sans-serif;display:inline-flex}.identity-kicker:before{content:"";background:var(--blue);width:32px;height:1px}.identity-block h1{letter-spacing:.04em;text-shadow:0 9px 38px #00000042;margin:0;font-size:clamp(50px,5.65vw,86px);font-weight:800;line-height:1.03}.identity-block p{letter-spacing:.055em;margin:18px 0 0;font-size:clamp(15px,1.42vw,21px);font-weight:600}.portrait-composition{justify-self:end;width:min(568px,41vw);margin-top:4px;position:relative}.portrait-offset{background:linear-gradient(145deg,#64c5ef,#1681bb);position:absolute;inset:21px -22px -21px 22px;box-shadow:0 0 45px #50aad833}.portrait-frame{z-index:2;aspect-ratio:1.48;background:#cad4d9;border:1px solid #ffffff57;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000061}.portrait-frame:after{content:"";pointer-events:none;background:linear-gradient(110deg,#04182714,#0000 42%);position:absolute;inset:0}.portrait-frame img{object-fit:cover;object-position:center 43%;width:100%;height:100%;display:block;transform:scale(1.02)}.crop-mark{z-index:4;pointer-events:none;width:28px;height:28px;position:absolute}.crop-mark-top{border-top:1px solid #ffffffab;border-left:1px solid #ffffffab;top:-11px;left:-13px}.crop-mark-bottom{border-bottom:1px solid #ffffffab;border-right:1px solid #ffffffab;bottom:-34px;right:-35px}.timeline{z-index:5;opacity:.75;pointer-events:none;grid-template-columns:44px 1fr;width:min(770px,51vw);height:140px;display:grid;position:absolute;bottom:13px;left:max(3.1vw,50vw - 735px)}.track-labels{color:#fff9;grid-template-rows:repeat(3,25px);align-content:end;gap:2px;padding-bottom:21px;font:10px/1 Arial,sans-serif;display:grid}.track-labels span{align-items:center;display:flex}.timeline-main{min-width:0}.timecodes{color:#ffffff8c;justify-content:space-between;padding-inline:4px;font:9px/1 Arial,sans-serif;display:flex}.tracks{background:repeating-linear-gradient(90deg,#0000 0 82px,#ffffff13 83px 84px),repeating-linear-gradient(0deg,#0000 0 24px,#ffffff12 25px 26px);border-block:1px solid #ffffff29;height:78px;margin-top:11px;position:relative}.clip{color:#ffffff7a;background:#50aad830;border:1px solid #50aad885;height:24px;padding:7px 6px 0;font:7px/1 Arial,sans-serif;position:absolute;top:25px;overflow:hidden}.clip-one{width:20%;left:3%}.clip-two{width:25%;left:28%}.clip-three{width:29%;left:59%}.playhead{background:#5ed3ff;width:1px;height:118px;animation:8s linear infinite playhead;position:absolute;top:-15px;left:18%;box-shadow:0 0 14px #5ed3ffa6}.playhead:before{content:"";border-top:7px solid #5ed3ff;border-inline:5px solid #0000;position:absolute;top:0;left:-5px}.waveform{opacity:.7;clip-path:polygon(0 47%,4% 28%,8% 70%,13% 14%,18% 65%,24% 37%,30% 82%,36% 26%,43% 58%,48% 17%,53% 71%,59% 38%,65% 77%,72% 25%,78% 62%,84% 34%,90% 72%,95% 27%,100% 49%,100% 55%,0 55%);background:repeating-linear-gradient(90deg,#0000 0 3px,#50aad8e6 3px 4px);height:27px;margin-top:5px}.works{background:radial-gradient(circle at 100% 0, #50aad824, transparent 34%), linear-gradient(180deg, #eff6f8, var(--paper) 280px);min-height:520px}.works-banner{z-index:2;min-height:126px;color:var(--white);background:radial-gradient(circle at 50% 130%, #fff3, transparent 34%), linear-gradient(100deg, #218fc4 0%, var(--blue) 62%, #288ebf 100%);justify-content:space-between;align-items:center;padding:21px max(4.5vw,50vw - 700px);display:flex;position:relative;overflow:hidden}.works-banner:before{content:"";opacity:.15;background-image:linear-gradient(118deg,#0000 42%,#ffffff59 42.2%,#0000 42.4%),radial-gradient(#ffffffb3 .5px,#0000 .7px);background-size:auto,5px 5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 10%,#000 55%,#0000 100%);mask-image:linear-gradient(90deg,#0000 10%,#000 55%,#0000 100%)}.works-banner:after{content:"";pointer-events:none;border:1px solid #fff3;border-radius:50%;width:310px;height:310px;position:absolute;top:-138px;right:-82px;box-shadow:0 0 0 38px #ffffff0b,0 0 0 78px #ffffff06}.works-heading,.works-count{z-index:2;position:relative}.works-banner p{letter-spacing:.1em;margin:0 0 7px;font:600 12px/1 Arial,sans-serif}.works-banner h2{letter-spacing:.12em;margin:0;font-size:clamp(38px,4.1vw,60px);font-weight:800;line-height:1}.works-count{white-space:nowrap;align-items:baseline;gap:9px;margin-right:2.5vw;display:flex}.works-count span,.works-count b{letter-spacing:.06em;font-size:clamp(15px,1.55vw,22px);font-weight:700}.works-count strong{font:500 clamp(52px,5.7vw,82px)/.85 Arial,sans-serif}.works-count small{margin-left:5px;font-size:12px;font-weight:600}.works-content{z-index:3;width:min(1400px,91vw);margin:0 auto;padding-bottom:80px;position:relative}.category-tabs{background:#fffffff5;border:1px solid #07293d1a;border-radius:14px;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:24px;padding:8px;display:grid;box-shadow:0 14px 34px #04233424}.category-tabs button{min-height:48px;color:var(--ink);letter-spacing:.025em;cursor:pointer;background:#f8fbfc;border:1px solid #07293d38;border-radius:9px;padding:10px 14px 12px;font-weight:700;transition:color .18s,background .18s,box-shadow .18s,transform .18s;position:relative}.category-tabs button:after{content:"";background:0 0;border-radius:999px;width:24px;height:3px;transition:background .18s,transform .18s;position:absolute;bottom:7px;left:50%;transform:translate(-50%)scaleX(0)}.category-tabs button:hover,.category-tabs button:focus-visible{background:#edf5f8;border-color:#188fbe94}.category-tabs button.active{border-color:var(--navy-950);color:var(--white);background:linear-gradient(135deg, var(--navy-950), var(--navy-800));transform:translateY(-1px);box-shadow:0 8px 20px #020c143d}.category-tabs button.active:after{background:var(--blue);transform:translate(-50%)scaleX(1)}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px;padding-top:14px;display:grid}.work-card{min-width:0}.work-thumbnail{aspect-ratio:16/9;width:100%;color:var(--white);text-align:left;cursor:pointer;isolation:isolate;background-color:#17384a;border:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 12px 30px #051c281f}.work-thumbnail:disabled{opacity:1;color:var(--white);cursor:default}.work-thumbnail:before{content:"";z-index:-2;transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .42s;position:absolute;inset:0;transform:scale(1.035)}.work-thumbnail>img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .42s;position:absolute;inset:0;transform:scale(1.02)}.thumbnail-shade{z-index:-1;background:linear-gradient(#0000 43%,#010c14e6);transition:background .25s;position:absolute;inset:0}.work-thumbnail:not(:disabled):hover:before,.work-thumbnail:not(:disabled):hover>img{filter:saturate(1.08);transform:scale(1.075)}.work-thumbnail:not(:disabled):hover .thumbnail-shade{background:linear-gradient(#1684ba24,#010c14de)}.work-thumbnail.mountain:before{background:radial-gradient(at 68% 45%,#d7e6ec 0 4%,#0000 5%),linear-gradient(155deg,#0000 0 52%,#34596c 53% 67%,#102c3c 68%),linear-gradient(#88b9d4,#e4edf0 48%,#3b718c 49%)}.work-thumbnail.city:before{background:radial-gradient(circle at 70% 60%,#ffd69ccc 0 1%,#0000 2%),radial-gradient(circle at 46% 54%,#ffe6b8b3 0 1%,#0000 2%),repeating-linear-gradient(90deg,#0000 0 25px,#50aad833 26px 27px),linear-gradient(140deg,#1f4053,#06131e 70%)}.work-thumbnail.forest:before{background:radial-gradient(circle at 64% 30%,#ffe099a8,#0000 19%),repeating-linear-gradient(80deg,#183527 0 16px,#2a5036 17px 26px,#0c2219 27px 38px)}.work-thumbnail.camera:before{background:radial-gradient(circle at 20% 38%,#ffc470e6,#0000 5%),radial-gradient(circle at 55% 52%,#101b22 0 13%,#4a5d66 14% 17%,#0a1116 18% 28%,#0000 29%),linear-gradient(120deg,#5b4a3c,#0c1115 66%)}.work-thumbnail.desk:before{background:radial-gradient(at 41% 28%,#ead9be 0 9%,#8e7257 10% 13%,#0000 14%),linear-gradient(158deg,#0000 0 46%,#cab89d 47% 64%,#0000 65%),linear-gradient(130deg,#6c5542,#2b2019)}.work-thumbnail.coast:before{background:linear-gradient(167deg,#0000 0 58%,#284d3e 59% 66%,#172c25 67%),repeating-linear-gradient(176deg,#0000 0 14px,#ffffff5e 15px 17px),linear-gradient(#a9d1e1 0 47%,#5e9fba 48% 70%,#194052 71%)}.work-number{z-index:3;text-align:center;background:var(--blue);min-width:51px;padding:7px 10px;font:500 15px/1 Arial,sans-serif;position:absolute;top:0;left:0}.play-button{z-index:3;width:53px;height:53px;color:var(--white);background:#04121c3d;border:2px solid #fffffff0;border-radius:50%;place-items:center;transition:background .18s,transform .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-thumbnail:not(:disabled):hover .play-button{background:#50aad8d6;transform:translate(-50%,-50%)scale(1.07)}.play-button i{border-block:8px solid #0000;border-left:14px solid;width:0;height:0;margin-left:4px}.work-title{z-index:3;letter-spacing:.01em;text-overflow:ellipsis;text-shadow:0 2px 8px #000000b3;white-space:nowrap;font-size:13px;font-weight:650;position:absolute;bottom:10px;left:14px;right:13px;overflow:hidden}.work-progress{z-index:4;background:#4ec2f4;width:10%;height:3px;transition:width .35s;position:absolute;bottom:0;left:0}.work-thumbnail:not(:disabled):hover .work-progress{width:100%}.empty-state{color:#4a6370;place-items:center;min-height:220px;font-size:14px;display:grid}.load-more{min-width:230px;color:var(--ink);cursor:pointer;background:#ffffff80;border:1px solid #06141f47;justify-content:center;align-items:center;gap:22px;margin:40px auto 0;padding:14px 22px;transition:color .18s,border-color .18s,background .18s;display:flex}.load-more:hover{border-color:var(--blue-deep);color:#0d6f9e;background:#50aad81a}.video-modal{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#01090fe0;place-items:center;padding:30px;animation:.18s both modal-in;display:grid;position:fixed;inset:0}.video-modal-panel{width:min(1080px,94vw);color:var(--white);background:#061621;padding:18px;box-shadow:0 35px 100px #0000008c}.video-modal-header{justify-content:space-between;align-items:center;gap:30px;min-height:42px;padding:0 0 14px;display:flex}.video-modal-header h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(15px,2vw,21px);font-weight:650;overflow:hidden}.video-modal-header button{width:36px;height:36px;color:var(--white);cursor:pointer;background:0 0;border:1px solid #ffffff59;flex:none;position:relative}.video-modal-header button:before,.video-modal-header button:after{content:"";background:currentColor;width:17px;height:1px;position:absolute;top:50%;left:50%}.video-modal-header button:before{transform:translate(-50%,-50%)rotate(45deg)}.video-modal-header button:after{transform:translate(-50%,-50%)rotate(-45deg)}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{border:0;width:100%;height:100%;display:block}.video-modal-panel>a{color:var(--blue-light);text-underline-offset:4px;margin-top:14px;font-size:13px;display:inline-block}@keyframes title-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes arc-reveal{0%{opacity:0;transform:rotate(-15deg)scale(.9)}to{opacity:1;transform:rotate(-15deg)scale(1)}}@keyframes glow-drift{0%{transform:translate(-20px)scale(.95)}to{transform:translate(35px,18px)scale(1.06)}}@keyframes playhead{0%{opacity:.35;left:8%}5%,95%{opacity:1}to{opacity:.35;left:94%}}@keyframes modal-in{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.hero-content{grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr)}.identity-block h1{font-size:clamp(46px,5.4vw,62px)}.portrait-composition{width:min(535px,48vw)}.timeline{width:47vw}.works-banner{gap:22px}.works-count{margin-right:0}.works-count small{white-space:normal}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-thumbnail{aspect-ratio:16/9}}@media (width<=800px){.hero{height:auto;min-height:720px}.hero-wordmark{font-size:clamp(70px,18vw,112px);top:80px}.hero-arc{width:130vw;height:630px;top:90px;left:8%}.hero-content{flex-direction:column;align-items:stretch;width:calc(100% - 48px);height:auto;min-height:665px;padding:98px 0 115px;display:flex}.identity-block{z-index:3;align-self:auto;padding-bottom:28px}.identity-block h1{font-size:clamp(43px,10vw,66px)}.portrait-composition{align-self:flex-end;width:min(630px,100% - 20px);margin:12px 20px 0 0}.timeline{width:calc(100% - 48px);height:100px;bottom:5px;left:24px}.timecodes,.track-labels{display:none}.timeline{grid-template-columns:1fr}.tracks{height:52px}.clip{height:20px;padding-top:5px;top:14px}.playhead{height:83px}.works-banner{grid-template-columns:1fr;gap:20px;min-height:194px;padding:26px 24px;display:grid}.works-count{flex-wrap:wrap;justify-self:start}.works-count small{flex-basis:auto}}@media (width<=640px){.hero{min-height:630px}.utility-links{top:18px;right:22px}.hero-content{width:calc(100% - 40px);min-height:585px;padding-top:91px}.identity-kicker{margin-bottom:9px}.identity-block h1{font-size:clamp(39px,11vw,50px)}.identity-block p{margin-top:13px;font-size:14px}.portrait-composition{width:calc(100% - 14px);margin-top:5px;margin-right:14px}.portrait-offset{inset:13px -14px -14px 14px}.crop-mark-bottom{bottom:-25px;right:-24px}.timeline{width:calc(100% - 40px);left:20px}.works-banner{padding-inline:20px}.works-count{gap:7px}.works-count strong{font-size:56px}.works-count small{flex-basis:100%;margin-left:0;font-size:11px}.works-content{width:calc(100% - 28px)}.category-tabs{scrollbar-width:none;gap:6px;margin-top:16px;padding:7px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{min-width:118px}.work-grid{grid-template-columns:1fr;gap:14px}.work-thumbnail{aspect-ratio:16/9}.video-modal{padding:12px}.video-modal-panel{width:100%;padding:12px}.video-modal-header{gap:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}