.portfolio-panel{--panel-ink:#213b44;--panel-muted:#697778;--panel-rule:#dce0d7;--panel-paper:#fffdf5;--panel-teal:#376d70;--panel-ochre:#9f7535;box-sizing:border-box;width:min(1080px,calc(100% - 64px));max-width:none;max-height:90dvh;margin:auto;padding:0;border:1px solid #e1ddcc;border-radius:22px;background:var(--panel-paper);color:var(--panel-ink);box-shadow:0 28px 90px #163f4959;overflow:auto;font:16px/1.85 'Hiragino Maru Gothic ProN','Yu Gothic','Meiryo',system-ui,sans-serif;scrollbar-color:#b8c5be transparent;overscroll-behavior:contain}
.portfolio-panel::backdrop{background:#13303880;backdrop-filter:blur(7px)}.portfolio-panel *{box-sizing:border-box}.portfolio-panel button,.portfolio-panel a{font:inherit}.portfolio-panel button{cursor:pointer}.portfolio-panel a{color:inherit;text-underline-offset:5px}.portfolio-panel button:focus-visible,.portfolio-panel a:focus-visible,.portfolio-panel summary:focus-visible{outline:3px solid #d4873f;outline-offset:4px}.portfolio-panel h2,.portfolio-panel h3,.portfolio-panel h4,.portfolio-panel p{margin:0}.portfolio-panel h2,.portfolio-panel h3,.portfolio-panel h4{line-height:1.5;text-wrap:pretty}.portfolio-panel img{display:block;max-width:100%}
.panel-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 42px 22px;background:#fffdf5f5;backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-rule)}.panel-header h2{font-size:26px;font-weight:800;letter-spacing:.02em}.panel-breadcrumb{font-size:10px!important;letter-spacing:.12em;color:var(--panel-muted);line-height:1.6}.panel-breadcrumb span{padding:0 7px;color:#b5bbb3}.panel-close{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 15px;border:1px solid #d6ddd4;border-radius:100px;background:#fffefa;color:var(--panel-ink);font-size:12px!important;min-height:44px}.panel-close>span:first-child{font:26px/1 system-ui}.panel-close:hover{background:#edf3e9}.panel-body{padding:40px 42px 50px}.panel-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:34px}.panel-intro>p:last-child{font-size:14px;color:var(--panel-muted)}.panel-lead{font-size:clamp(25px,3vw,34px);font-weight:800;line-height:1.65;letter-spacing:.02em}.panel-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--panel-teal);font-weight:700;margin:0 0 9px!important}
.panel-filters{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--panel-rule);padding-bottom:22px;margin-bottom:24px}.panel-filters button{border:1px solid #d8ded3;background:transparent;border-radius:999px;padding:8px 20px;color:var(--panel-muted);font-size:13px;min-height:44px}.panel-filters button[aria-pressed=true]{border-color:var(--panel-teal);background:var(--panel-teal);color:white}.panel-filters button:hover{border-color:var(--panel-teal)}.panel-result-count{font-size:12px;color:var(--panel-muted);margin-bottom:20px!important}.panel-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}.panel-work-image{display:block;aspect-ratio:16/10;background:#f2f1e9;border:1px solid #e0e4d9;border-radius:9px;overflow:hidden;transition:box-shadow .2s}.panel-work-image:hover{box-shadow:0 7px 22px #233f4426}.panel-work-image img{width:100%;height:100%;object-fit:contain;object-position:center}.panel-work-meta{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:9px;letter-spacing:.08em;color:var(--panel-teal)}.panel-work-meta>span:last-child{color:var(--panel-ochre);white-space:nowrap}.panel-work h3{font-size:21px;margin-top:7px}.panel-work>p{font-size:13px;color:var(--panel-muted);margin:6px 0 9px}.panel-text-link{display:inline-block;font-size:12px!important;font-weight:700;color:var(--panel-teal)!important;margin-top:7px}
.panel-section{border-top:1px solid var(--panel-rule);padding-top:35px;margin-top:48px;scroll-margin-top:116px}.panel-section-heading{display:flex;align-items:center;gap:22px;margin-bottom:26px}.panel-section-heading>span{font:300 56px/1 Georgia,serif;letter-spacing:-.06em;color:#a0b8ad}.panel-section-heading h3,.panel-section-title{font-size:24px}.panel-section-title{margin-bottom:24px!important}.panel-voice{padding:28px;background:#f1f3e9;border:1px solid #e1e4d6;border-radius:14px}.panel-voice-client{display:flex;align-items:center;gap:20px}.panel-voice-client img{width:86px;height:86px;border-radius:50%;object-fit:contain;background:#fff}.panel-voice-client h3{font-size:21px}.panel-voice-client p:last-child{font-size:12px;color:var(--panel-muted);margin-top:3px}.panel-voice blockquote{margin:25px 0 20px;font-size:clamp(19px,2.2vw,26px);line-height:1.8;font-weight:700;color:#355b55}.portfolio-panel summary{position:relative;cursor:pointer;padding:15px 30px 15px 0;font-size:14px;font-weight:700;list-style:none}.portfolio-panel summary::-webkit-details-marker{display:none}.portfolio-panel summary:after{position:absolute;right:3px;top:13px;content:'＋';font-size:17px;color:var(--panel-teal)}.portfolio-panel details[open]>summary:after{content:'−'}.panel-voice details{border-top:1px solid #d9ded0}.panel-prose p{margin-bottom:15px;font-size:14px;line-height:1.95}.panel-prose p:last-child{margin-bottom:0}
.panel-service-list article{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:27px 0;border-top:1px solid var(--panel-rule)}.panel-service-number{font:italic 42px/1.5 Georgia,serif;color:#b6c5ad}.panel-service-list h3{font-size:23px}.panel-service-subtitle{font-size:12px;color:var(--panel-ochre);font-weight:700;margin-top:2px!important}.panel-service-list article p:last-child{font-size:14px;color:var(--panel-muted);margin-top:9px}.panel-prices{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d9dfd3;border-radius:12px;overflow:hidden}.panel-prices article{padding:24px 20px;background:#f7f7ee}.panel-prices article+article{border-left:1px solid #d9dfd3}.panel-prices article.is-featured{background:#e9efe1}.panel-prices h4{font-size:15px}.panel-price{font-size:27px;font-weight:800;letter-spacing:-.035em;margin:12px 0!important;color:var(--panel-teal)}.panel-prices article>p:last-child{font-size:12px;color:var(--panel-muted)}.panel-fineprint{font-size:12px!important;line-height:1.9;color:var(--panel-muted);margin-top:17px!important}.panel-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 32px;list-style:none;margin:0;padding:0;counter-reset:flow}.panel-flow li{counter-increment:flow;padding-top:13px;border-top:1px solid #d4ded1}.panel-flow li:before{display:block;content:'0' counter(flow);font:italic 26px/1.5 Georgia,serif;color:var(--panel-ochre);margin-bottom:8px}.panel-flow h4{font-size:16px}.panel-flow p{font-size:12px;color:var(--panel-muted);margin-top:7px}.panel-faq{border-top:1px solid var(--panel-rule)}.panel-faq details{border-bottom:1px solid var(--panel-rule)}.panel-faq details p{padding:0 26px 20px 0;font-size:14px;color:var(--panel-muted)}
.panel-consult-bottom{padding:28px;margin-top:42px;background:#eaf0e4;text-align:center;border-radius:12px}.panel-consult-bottom>p{font-size:14px;margin-bottom:16px}.panel-primary-link{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:14px 26px;background:#b75b35;color:#fff!important;border:1px solid #b75b35;border-radius:8px;font-size:15px!important;font-weight:700;text-decoration:none}.panel-primary-link:hover{background:#a34d2b;border-color:#a34d2b}.panel-profile{display:grid;grid-template-columns:280px 1fr;gap:38px;align-items:start}.panel-profile-image{position:sticky;top:125px}.panel-profile-image img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:50%;background:#f0f2e6}.panel-profile h3{font-size:25px;margin-bottom:21px}.panel-consultation{padding:33px 30px 30px;background:#f1f2e7;border:1px solid #dde3d4;border-radius:13px}.panel-consultation-lead{font-size:15px}.panel-consult-points{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin:27px 0}.panel-consult-points h4{font-size:14px;margin-bottom:7px}.panel-consult-points p{font-size:12px;color:var(--panel-muted)}.panel-email{display:inline-block;margin-top:15px;font-size:14px;color:var(--panel-teal)!important}.panel-news article{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:18px 0;border-top:1px solid var(--panel-rule);align-items:baseline}.panel-news time{font:12px/1.8 ui-monospace,monospace;color:var(--panel-ochre)}.panel-news a,.panel-news button{font-size:14px;text-decoration:none;text-align:left}.panel-news button{padding:0;background:none;color:var(--panel-ink);border:0}.panel-news a:hover,.panel-news button:hover{text-decoration:underline}.panel-journal{display:grid;gap:28px}.panel-journal article{display:grid;grid-template-columns:170px 1fr;gap:24px}.panel-journal img{width:170px;aspect-ratio:16/11;object-fit:contain;background:#f0f0e7;border:1px solid #e0e3d5;border-radius:5px}.panel-journal h4{font-size:18px}.panel-journal p:not(.panel-eyebrow){font-size:13px;color:var(--panel-muted);margin-top:7px}.panel-status{display:inline-block;font-size:10px;padding:3px 9px;background:#eceee4;border-radius:4px;color:#65705c;margin:10px 10px 0 0}.panel-social{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.panel-social>span{margin-left:auto;font-size:11px;color:var(--panel-muted)}
.panel-menu-lead{font-size:22px;font-weight:700;line-height:1.8;margin-bottom:34px!important}.panel-destinations article{display:grid;grid-template-columns:92px 1fr;gap:26px;border-top:1px solid var(--panel-rule);padding:28px 0}.panel-destination-number{font:italic 65px/1.1 Georgia,serif;color:#b7c7b5}.panel-destinations article:nth-child(2) .panel-destination-number{color:#c3b78f}.panel-destinations article:nth-child(3) .panel-destination-number{color:#b1c7cc}.panel-destinations h3{font-size:23px}.panel-destinations article>div>p:not(.panel-eyebrow){font-size:13px;color:var(--panel-muted);margin-top:10px}.panel-destination-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.panel-destination-actions button{min-height:44px;border:1px solid #cbd6c7;background:#f0f4e9;color:var(--panel-teal);padding:9px 18px;font-size:12px;border-radius:5px}.panel-destination-actions button:first-child{background:var(--panel-teal);color:#fff;border-color:var(--panel-teal)}.panel-destination-actions button:hover{filter:brightness(.94)}.panel-fallback-link{display:inline-block;font-size:13px;margin-top:15px;color:var(--panel-muted)!important}.panel-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.panel-help-grid h3{font-size:21px}.panel-help-grid dl{display:grid;grid-template-columns:72px 1fr;gap:20px 15px;margin-top:22px}.panel-help-grid dt{font-size:13px;font-weight:700;color:var(--panel-ochre)}.panel-help-grid dd{font-size:13px;margin:0;color:var(--panel-muted)}.panel-help-notes{margin-top:27px;padding:24px;background:#eff2e8;border-radius:9px}.panel-help-notes h3{font-size:19px;margin-bottom:15px}.panel-help-notes p{font-size:13px;color:var(--panel-muted);margin-top:9px}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 42px;border-top:1px solid var(--panel-rule);background:#f4f5eb}.panel-footer button{font-size:12px;color:var(--panel-teal);background:none;border:0;padding:10px 0;min-height:44px}.panel-footer button:last-child{font-weight:700}.panel-footer button:hover{text-decoration:underline}
@media(max-width:760px){.portfolio-panel{width:calc(100% - 24px);max-height:94dvh;border-radius:16px}.panel-header{padding:20px 22px;gap:12px}.panel-header h2{font-size:22px}.panel-breadcrumb{font-size:8px!important;letter-spacing:.08em}.panel-close{padding:7px 11px}.panel-body{padding:26px 22px 32px}.panel-intro{grid-template-columns:1fr;gap:18px}.panel-intro>p:last-child{font-size:13px}.panel-lead{font-size:27px}.panel-work-grid{gap:27px 18px}.panel-work h3{font-size:18px}.panel-work-meta{display:block;font-size:8px}.panel-work-meta span{display:block}.panel-work-meta span+span{margin-top:3px}.panel-work>p{font-size:12px}.panel-section{padding-top:26px;margin-top:35px}.panel-section-heading{gap:16px}.panel-section-heading>span{font-size:45px}.panel-section-heading h3,.panel-section-title{font-size:21px}.panel-profile{grid-template-columns:180px 1fr;gap:24px}.panel-profile-image{position:static}.panel-profile h3{font-size:22px}.panel-voice{padding:20px}.panel-voice-client{gap:14px}.panel-voice-client img{width:68px;height:68px}.panel-voice-client h3{font-size:19px}.panel-voice-client p:last-child{font-size:10px}.panel-prices{grid-template-columns:1fr}.panel-prices article{padding:21px 23px;display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center}.panel-prices article+article{border-left:0;border-top:1px solid #d9dfd3}.panel-price{font-size:24px;margin:0!important}.panel-prices article>p:last-child{grid-column:1/-1}.panel-flow{grid-template-columns:1fr 1fr;gap:22px}.panel-consultation{padding:24px 20px}.panel-consult-points{grid-template-columns:1fr;gap:17px}.panel-consult-points h4{margin-bottom:3px}.panel-journal article{grid-template-columns:120px 1fr;gap:18px}.panel-journal img{width:120px}.panel-journal h4{font-size:16px}.panel-destinations article{grid-template-columns:58px 1fr;gap:18px}.panel-destination-number{font-size:48px}.panel-destinations h3{font-size:20px}.panel-menu-lead{font-size:20px}.panel-help-grid{gap:24px}.panel-help-grid dl{grid-template-columns:1fr;gap:7px}.panel-help-grid dt:not(:first-child){margin-top:11px}.panel-footer{padding:14px 22px;gap:12px}.panel-footer button{font-size:11px}}
@media(max-width:480px){.portfolio-panel{width:calc(100% - 12px);max-height:96dvh;border-radius:12px}.panel-header{padding:15px 17px}.panel-header h2{font-size:20px}.panel-breadcrumb{max-width:220px}.panel-body{padding:23px 18px 28px}.panel-lead{font-size:24px}.panel-filters{gap:6px;padding-bottom:18px}.panel-filters button{padding:7px 12px;font-size:11px}.panel-work-grid{grid-template-columns:1fr;gap:30px}.panel-work-meta{display:flex;font-size:9px}.panel-work-meta span+span{margin:0}.panel-work h3{font-size:21px}.panel-profile{grid-template-columns:1fr;gap:24px}.panel-profile-image{max-width:210px;margin:auto}.panel-profile h3{font-size:23px}.panel-service-list article{grid-template-columns:39px 1fr;gap:15px;padding:23px 0}.panel-service-number{font-size:30px}.panel-service-list h3{font-size:20px}.panel-service-list article p:last-child{font-size:13px}.panel-voice{padding:19px 17px}.panel-voice-client img{width:63px;height:63px}.panel-voice blockquote{font-size:20px}.panel-prices article{padding:20px 16px;gap:10px}.panel-prices h4{font-size:13px}.panel-price{font-size:22px}.panel-flow{gap:23px 18px}.panel-flow h4{font-size:15px}.panel-section-heading>span{font-size:39px}.panel-section-heading{gap:15px}.panel-section-heading h3{font-size:19px}.panel-eyebrow{font-size:9px}.panel-primary-link{width:100%;padding:13px 16px;font-size:14px!important}.panel-consult-bottom{padding:24px 16px}.panel-consultation{padding:23px 17px}.panel-news article{grid-template-columns:1fr;gap:5px;padding:16px 0}.panel-news a,.panel-news button{font-size:13px}.panel-journal article{grid-template-columns:1fr;gap:14px}.panel-journal img{width:100%;max-height:180px;aspect-ratio:16/10}.panel-social{gap:18px}.panel-social>span{width:100%;margin-left:0}.panel-destinations article{grid-template-columns:38px 1fr;gap:14px}.panel-destination-number{font-size:36px}.panel-destinations h3{font-size:18px}.panel-destination-actions button{font-size:11px;padding:8px 12px}.panel-menu-lead{font-size:18px}.panel-help-grid{grid-template-columns:1fr;gap:28px}.panel-help-grid dl{grid-template-columns:65px 1fr;gap:16px 10px}.panel-help-grid dt:not(:first-child){margin:0}.panel-help-notes{padding:20px 17px}.panel-footer{padding:10px 17px;gap:10px;flex-wrap:wrap}.panel-footer button{font-size:10px}}
.panel-studio-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;margin-bottom:34px}.panel-studio-hero>img{width:100%;height:auto;border-radius:14px;object-fit:contain}.panel-studio-hero .panel-intro{display:block;margin:0}.panel-studio-hero .panel-lead{font-size:27px;margin-bottom:18px}@media(max-width:700px){.panel-studio-hero{grid-template-columns:1fr;gap:24px}.panel-studio-hero .panel-lead{font-size:24px}}