html{scroll-behavior:smooth;scroll-padding-top:24px}.portfolio-home{background:#faf9f6}.portfolio-header{background:#111;color:#fff;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 4%}.portfolio-header img{width:250px;height:auto;display:block}.portfolio-header nav{display:flex;gap:28px;font-size:13px}.portfolio-header nav a:hover{color:var(--yellow)}.access-link{font-size:13px;border-bottom:1px solid #777;padding:10px 0;display:flex;gap:22px}.portfolio-hero{background:#111;color:#fff;position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:590px;overflow:hidden}.hero-intro{padding:70px 8% 80px;position:relative;z-index:1}.hero-intro .eyebrow{color:#aaa;font-size:11px;letter-spacing:2px;margin:0 0 35px}.hero-intro h1{font-size:clamp(48px,5.5vw,85px);line-height:1.04;letter-spacing:-3px}.hero-intro h1 span{color:var(--yellow)}.hero-intro>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#ccc;margin:28px 0 32px}.portfolio-hero>img{width:100%;height:100%;object-fit:cover;object-position:center;min-height:590px}.hero-caption{position:absolute;right:30px;bottom:23px;color:white;font-size:12px;text-shadow:0 1px 5px #000}.text-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid currentColor;padding:12px 0;font-size:14px}.portfolio-section{padding:65px 12px 0}.section-top{display:flex;justify-content:space-between;align-items:end;padding:0 3% 35px;gap:30px}.section-top h2{font-size:44px;font-weight:400;letter-spacing:-1.6px;margin:10px 0 0}.section-top>p{font-size:15px;line-height:1.7;color:#626262;margin:0}.portfolio-grid{columns:3;column-gap:8px}.portfolio-grid figure{margin:0 0 8px;break-inside:avoid;position:relative;overflow:hidden}.portfolio-grid img{display:block;width:100%;height:auto}.portfolio-grid figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);padding:35px 20px 16px;color:white;font-size:13px;opacity:0;transition:opacity .2s}.portfolio-grid figure:hover figcaption{opacity:1}.portfolio-caption{padding:15px 3% 35px;font-size:12px;color:#777}.commission-section{padding:80px 8%;display:grid;grid-template-columns:1fr 2fr;border-top:1px solid #ddd;gap:30px}.commission-section h2,.bank-invite h2,.about-section h2,.access-section h2{font-size:clamp(38px,4vw,60px);font-weight:300;letter-spacing:-1.8px;line-height:1.08;margin:0 0 28px}.commission-section p:not(.eyebrow),.about-section>p:not(.eyebrow),.access-section p{font-size:16px;line-height:1.85;max-width:610px;color:#555}.bank-invite{background:#191919;color:#fff;padding:85px 8%;position:relative}.bank-invite .eyebrow{color:var(--yellow);margin-bottom:28px}.bank-invite>p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:670px;color:#ddd}.bank-invite .bank-detail{font-size:13px!important;color:#aaa!important}.bank-invite .yellow-button{width:fit-content;margin-top:30px}.about-section{padding:80px 8%;max-width:1000px}.about-section .eyebrow{margin-bottom:25px}.access-section{border-top:1px solid #ddd;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:80px 8%;background:#f0eee8}.access-section ol{padding-left:20px;line-height:2.2;font-size:15px}.access-section .prototype-copy{font-size:12px;color:#666;margin-top:30px}.access-section form{display:flex;flex-direction:column;gap:20px}.access-section label{display:flex;flex-direction:column;gap:9px;font-size:14px}.access-section label>span{color:#666}.access-section input:not([type=checkbox]),.access-section select{width:100%;border:1px solid #c9c6bd;border-radius:2px;background:#fff;padding:14px;font-size:16px}.access-section .check-label{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6}.check-label input{margin-top:4px;width:18px;height:18px;flex-shrink:0;accent-color:#111}.check-label a{text-decoration:underline}.access-section .black-button{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:15px}.access-section .form-note{font-size:12px;line-height:1.6;margin:0}#access-result{align-self:center}#access-result h3{font-size:30px;font-weight:400}#access-result .black-button{margin:25px 0}.prototype-note{background:#f0eee8;color:#444;padding:12px 24px;font-size:12px;line-height:1.6}.prototype-note a{text-decoration:underline;margin-left:10px}
@media(min-width:1500px){.portfolio-grid{columns:4}}
@media(max-width:980px){.portfolio-header{flex-wrap:wrap;gap:20px}.portfolio-header img{width:210px}.portfolio-header nav{order:3;width:100%;justify-content:space-between}.portfolio-hero{min-height:500px}.hero-intro{padding:50px 8%}.portfolio-hero>img{min-height:500px}.hero-intro h1{font-size:54px}.portfolio-grid{columns:2}.commission-section{grid-template-columns:1fr}.access-section{gap:5%;padding:60px 5%}}
@media(max-width:600px){.portfolio-header{padding:22px 18px;gap:23px}.portfolio-header img{width:169px}.access-link{font-size:11px;gap:8px}.portfolio-header nav{font-size:12px;gap:8px}.portfolio-hero{display:flex;flex-direction:column}.hero-intro{padding:40px 24px}.hero-intro h1{font-size:52px;letter-spacing:-2px}.hero-intro .eyebrow{font-size:9px;margin-bottom:24px}.hero-intro>p:not(.eyebrow){font-size:15px;margin:22px 0}.portfolio-hero>img{min-height:0;height:auto;max-height:390px;object-fit:cover}.hero-caption{font-size:11px;bottom:16px;right:18px}.portfolio-section{padding:40px 5px 0}.section-top{display:block;padding:0 19px 25px}.section-top h2{font-size:33px;letter-spacing:-1px}.section-top>p{font-size:13px;margin-top:15px}.portfolio-grid{column-gap:5px}.portfolio-grid figure{margin-bottom:5px}.portfolio-grid figcaption{display:none}.portfolio-caption{padding-left:19px}.commission-section,.bank-invite,.about-section,.access-section{padding:45px 24px}.commission-section{gap:10px}.commission-section p:not(.eyebrow),.about-section>p:not(.eyebrow){font-size:15px}.bank-invite>p:not(.eyebrow){font-size:16px}.access-section{grid-template-columns:1fr;gap:30px}.access-section h2{font-size:38px}.access-section p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-grid figcaption{transition:none}}