/*
Theme Name: portfolio2027
Description: 作品と余白を主役にした、クリエイターのためのミニマルなブロックテーマ。
Version: 0.6.2
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Author: portfolio2027
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: portfolio2027
Tags: portfolio, block-patterns, full-site-editing, wide-blocks, custom-colors, custom-logo, editor-style, translation-ready
*/

@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/dm-sans.ttf") format("truetype")}
:root{--portfolio2027-gutter:clamp(24px,4.45vw,72px);--portfolio2027-ink:#20231f;--portfolio2027-muted:#656b64;--portfolio2027-line:#dfe2dc;--portfolio2027-wipe:#dfe6d9}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{text-underline-offset:.25em;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:2px}
::selection{background:#d9e6d5;color:#20231f}
.wp-site-blocks>*,.wp-block-template-part{margin-block-start:0}
.portfolio2027-shell{width:min(100% - var(--portfolio2027-gutter)*2,1440px);margin-inline:auto}
.portfolio2027-header{padding-block:32px;min-height:100px;gap:24px}
.portfolio2027-header .wp-block-site-title{font-size:30px;font-weight:650;letter-spacing:-1.6px;line-height:1;margin:0}
.portfolio2027-header .wp-block-site-title a{text-decoration:none}
.portfolio2027-header .wp-block-navigation{font-size:14px;font-weight:450}
.portfolio2027-header .wp-block-navigation__container{gap:36px}
.portfolio2027-header .wp-block-navigation-item__content{padding-block:10px;position:relative;text-decoration:none}
.portfolio2027-header .wp-block-navigation-item__content::after{content:"";position:absolute;inset-inline:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}
.portfolio2027-header .wp-block-navigation-item__content:is(:hover,:focus-visible)::after{transform:scaleX(1);transform-origin:left}
.portfolio2027-hero{padding-top:clamp(54px,4.7vw,76px);padding-bottom:clamp(56px,4.5vw,76px)}
.portfolio2027-hero .portfolio2027-display{font-size:clamp(64px,9.8vw,152px);font-weight:450;line-height:1.03;letter-spacing:-.055em;margin:0 0 32px;text-wrap:balance}
.portfolio2027-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end}
.portfolio2027-intro{font-size:16px;line-height:2;letter-spacing:.035em;margin:0!important;max-width:540px}
.portfolio2027-discipline{font-size:13px;color:var(--portfolio2027-muted);text-align:right;line-height:1.9;margin:0!important}
.portfolio2027-work{padding-bottom:clamp(80px,10vw,150px)}
.portfolio2027-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px!important;flex-wrap:wrap}
.portfolio2027-section-head h2{font-size:22px;font-weight:500;letter-spacing:-.045em;margin:0}
.portfolio2027-filters{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;align-items:center}
.portfolio2027-filters p,.portfolio2027-filters ul{margin:0;padding:0;list-style:none;font-size:inherit}
.portfolio2027-filters .portfolio2027-category-list{display:flex;flex-wrap:wrap;gap:8px 22px}
.portfolio2027-section-head>.portfolio2027-filters{margin-block-start:0}
.home .portfolio2027-all-work a,.portfolio2027-filters .current-cat>a{color:var(--portfolio2027-ink)}
.portfolio2027-filters a{color:var(--portfolio2027-muted);text-decoration:none;min-height:38px;display:inline-flex;align-items:center;position:relative;transition:color .18s ease}
.portfolio2027-filters a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.2,.7,.3,1)}
.portfolio2027-filters a:is(:hover,:focus-visible),.portfolio2027-filters a[aria-current="page"]{color:var(--portfolio2027-ink)}
.home .portfolio2027-all-work a::after,.portfolio2027-filters .current-cat>a::after,.portfolio2027-filters a:is(:hover,:focus-visible)::after,.portfolio2027-filters a[aria-current="page"]::after{transform:scaleX(1)}
.portfolio2027-projects .wp-block-post-template{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px;margin:0;list-style:none;padding:0}
.portfolio2027-projects .wp-block-post{margin:0!important;min-width:0;position:relative}
.portfolio2027-projects .wp-block-post-featured-image{margin:0 0 20px;overflow:hidden;background:#eef0eb;aspect-ratio:1.28;border-radius:3px}
.portfolio2027-projects .wp-block-post-featured-image a{display:block;height:100%;overflow:hidden;position:relative}
.portfolio2027-projects .wp-block-post-featured-image a:focus-visible{outline:2px solid var(--portfolio2027-ink);outline-offset:-6px;box-shadow:inset 0 0 0 8px #fff}
.portfolio2027-projects .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.portfolio2027-project-action{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fafaf9;color:#20231f;pointer-events:none;opacity:0;transform:translateY(7px);transition:opacity .2s ease,transform .25s cubic-bezier(.2,.7,.3,1)}
.portfolio2027-project-action svg{display:block;width:19px;height:19px}
.portfolio2027-projects .wp-block-post:focus-within .portfolio2027-project-action{opacity:1;transform:translateY(0)}
@media(hover:hover) and (pointer:fine){.portfolio2027-projects .wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.035)}.portfolio2027-projects .wp-block-post:hover .portfolio2027-project-action{opacity:1;transform:translateY(0)}}
@media(hover:none){.portfolio2027-project-action{opacity:1;transform:none;width:38px;height:38px;right:12px;bottom:12px}}
.portfolio2027-project-meta{gap:12px;align-items:baseline!important;justify-content:space-between!important}
.portfolio2027-project-meta .wp-block-post-title{font-size:20px;font-weight:500;letter-spacing:-.035em;line-height:1.5;margin:0;flex:1}
.portfolio2027-project-meta .wp-block-post-title a{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:left bottom;background-repeat:no-repeat;background-size:0 1px;transition:background-size .24s ease}
.portfolio2027-project-meta .wp-block-post-title a:is(:hover,:focus-visible){background-size:100% 1px}
.portfolio2027-project-meta .wp-block-post-terms{font-size:12px;color:var(--portfolio2027-muted);margin:0}
.portfolio2027-project-meta .wp-block-post-terms a{color:inherit;text-decoration:none}
.portfolio2027-projects .wp-block-query-pagination{margin-top:52px;gap:28px;font-size:14px}
.portfolio2027-projects .page-numbers{padding:9px}
.portfolio2027-projects .wp-block-query-no-results{background:#f0f2ed;padding:40px;border-radius:3px;color:var(--portfolio2027-muted)}
.portfolio2027-about{border-top:1px solid var(--portfolio2027-line);padding-block:80px 100px;display:grid;grid-template-columns:1fr 2fr;gap:48px}
.portfolio2027-about>.wp-block-heading{font-size:22px;letter-spacing:-.04em;font-weight:500;margin:0}
.portfolio2027-about-content{margin:0!important}
.portfolio2027-about-content h3{font-size:clamp(25px,3.1vw,44px);font-weight:400;letter-spacing:-.015em;line-height:1.7;margin:0 0 28px;text-wrap:balance}
.portfolio2027-about-content>p{max-width:590px;font-size:15px;line-height:2.2;color:var(--portfolio2027-muted);margin-bottom:38px}
.portfolio2027-services{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}
.portfolio2027-services p{padding:8px 16px;border:1px solid var(--portfolio2027-line);border-radius:100px;margin:0}
.portfolio2027-contact{background:#edf0e9;padding-block:70px 76px}
.portfolio2027-contact-inner{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}
.portfolio2027-contact h2{font-size:22px;letter-spacing:-.04em;font-weight:500;margin:4px 0 0}
.portfolio2027-contact-content{margin:0!important}
.portfolio2027-contact-content h3{font-size:clamp(40px,5.25vw,78px);line-height:1.1;letter-spacing:-.065em;font-weight:450;margin:0 0 28px;max-width:750px}
.portfolio2027-contact-content>p{font-size:14px;line-height:2;color:var(--portfolio2027-muted);margin:0 0 24px}
.portfolio2027-contact-content .wp-block-buttons{margin-top:26px}
.portfolio2027-contact-content .wp-block-button__link{font-size:16px;background:var(--portfolio2027-ink);color:#fff;border-radius:100px;padding:16px 25px;text-decoration:none;transition:background .2s,transform .2s}
.portfolio2027-contact-content .wp-block-button__link:is(:hover,:focus-visible){background:#454d42;transform:translateY(-2px)}
.portfolio2027-contact-content .wp-block-button__link:active{transform:translateY(0)}
.portfolio2027-footer{padding-block:28px;gap:24px;font-size:12px;color:var(--portfolio2027-muted)}
.portfolio2027-footer p{margin:0}
.portfolio2027-footer a{color:inherit;text-decoration:none}
.portfolio2027-footer a:hover{text-decoration:underline}
.portfolio2027-footer .wp-block-site-title{font-size:18px;font-weight:600;letter-spacing:-.8px;color:var(--portfolio2027-ink)}
.portfolio2027-page{padding-block:90px 100px;min-height:65vh}
.portfolio2027-page>.wp-block-post-title,.portfolio2027-page>.wp-block-query-title,.portfolio2027-page>.wp-block-heading{font-size:clamp(40px,6vw,88px);font-weight:450;letter-spacing:-.055em;line-height:1.15;margin:0 0 35px;text-wrap:balance}
.portfolio2027-single-meta{margin-bottom:32px;display:flex;gap:20px;align-items:baseline;justify-content:space-between;font-size:13px;color:var(--portfolio2027-muted)}
.portfolio2027-single-meta a{color:inherit;text-decoration:none}
.portfolio2027-page>.wp-block-post-featured-image{margin:0 0 65px}
.portfolio2027-page>.wp-block-post-featured-image img{width:100%;height:auto;border-radius:3px;display:block}
.portfolio2027-page .wp-block-post-content{font-size:16px;line-height:2}
.portfolio2027-page .wp-block-post-content h2{font-size:30px;line-height:1.5;letter-spacing:-.035em;font-weight:500;margin-top:52px}
.portfolio2027-page .wp-block-post-content p{color:var(--portfolio2027-muted)}
.portfolio2027-page .wp-block-post-content>.alignwide{max-width:1100px}
.portfolio2027-page .wp-block-post-content>.alignfull{max-width:none}
.portfolio2027-page .wp-block-post-content img{max-width:100%;height:auto}
.portfolio2027-award{position:relative;padding:30px 32px 30px 88px;background:linear-gradient(110deg,#e7f2fc 0%,#f4f6fc 100%);border:1px solid #d9e6f1;border-radius:4px;color:#47647e}
.portfolio2027-award::before{content:"";position:absolute;left:28px;top:31px;width:34px;height:40px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40' fill='none' stroke='%2336658f' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='17' cy='14' r='11'/%3E%3Cpath d='m11 23-2 14 8-4 8 4-2-14M17 8l1.8 3.7 4.2.6-3 2.9.7 4.1-3.7-2-3.7 2 .7-4.1-3-2.9 4.2-.6z'/%3E%3C/svg%3E")}
.portfolio2027-award .portfolio2027-award-content{margin:0}
.portfolio2027-award .portfolio2027-award-title{font-size:clamp(21px,2.5vw,25px);font-weight:500;line-height:1.5;letter-spacing:-.025em;color:#24445f;margin:0 0 8px}
.portfolio2027-award .portfolio2027-award-content p{font-size:14px;line-height:1.9;color:#47647e;margin:8px 0 0}
.portfolio2027-award .portfolio2027-award-prize strong{font-weight:600}
.portfolio2027-award .portfolio2027-award-content .portfolio2027-award-links{margin-top:16px}
.portfolio2027-award a{color:#36658f;overflow-wrap:anywhere;text-decoration-thickness:1px;text-underline-offset:4px}
.portfolio2027-award a:hover{text-decoration-thickness:2px}
.portfolio2027-section-nav{position:sticky;top:12px;z-index:20;width:100%;max-width:740px;margin:0 auto 40px;padding:0;background:var(--wp--preset--color--paper,#fafaf9)}
.portfolio2027-section-links{display:flex;flex-wrap:nowrap;gap:32px;list-style:none;margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:linear-gradient(var(--portfolio2027-line),var(--portfolio2027-line)) left bottom/100% 1px no-repeat}
.portfolio2027-section-links::-webkit-scrollbar{display:none}
.portfolio2027-section-links li{flex:0 0 auto;margin:0;padding:0;min-width:0}
.portfolio2027-section-links a{position:relative;display:block;min-height:48px;padding:12px 0 14px;border-radius:0;color:var(--portfolio2027-muted);font-size:13px;font-weight:450;line-height:22px;text-align:left;text-decoration:none;white-space:nowrap;transition:color .2s ease}
.portfolio2027-section-links a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.portfolio2027-section-links a:is(:hover,[aria-current="location"]){color:var(--portfolio2027-ink)}
.portfolio2027-section-links a:is(:hover,:focus-visible,[aria-current="location"])::after{transform:scaleX(1)}
.portfolio2027-section-links a:focus-visible{outline:2px solid #4c6145;outline-offset:-2px}
.portfolio2027-page .wp-block-post-content h2[id]{scroll-margin-top:var(--portfolio2027-section-offset,96px)}
@media(max-width:600px){.portfolio2027-award{padding:24px 22px 24px 68px}.portfolio2027-award::before{left:21px;top:26px;width:28px;height:33px}.portfolio2027-award .portfolio2027-award-content p{font-size:13px}.portfolio2027-section-nav{margin-bottom:32px}.portfolio2027-section-links{gap:24px}}
.portfolio2027-post-navigation{border-top:1px solid var(--portfolio2027-line);padding-top:30px;margin-top:75px;gap:32px;font-size:14px}
.portfolio2027-post-navigation a{color:inherit}
.portfolio2027-archive-title{padding-top:30px;margin-bottom:55px!important}
.portfolio2027-archive .portfolio2027-projects{margin-top:40px}
.portfolio2027-404{max-width:750px;padding-block:100px 140px}
.portfolio2027-404 h1{font-size:100px;font-weight:400;letter-spacing:-.07em;margin:0 0 20px;line-height:1}
.portfolio2027-404 h2{font-size:28px;font-weight:500}
.portfolio2027-404 p{color:var(--portfolio2027-muted)}
.portfolio2027-404 .wp-block-search{margin-top:32px}
.wp-block-search__input{border:1px solid var(--portfolio2027-line);padding:12px;background:#fff;border-radius:3px;min-width:0}
.wp-block-search__button{border:0;border-radius:3px;background:var(--portfolio2027-ink);color:white;padding:12px 20px}
.portfolio2027-locked-cover{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;min-height:220px;background:#eef0eb;color:#4c564a;gap:12px}
.portfolio2027-locked-cover>span:not(.portfolio2027-lock-symbol){font-size:clamp(23px,3vw,35px);font-weight:450;letter-spacing:-.04em}
.portfolio2027-locked-cover small{font-size:12px;letter-spacing:.03em;color:#656b64}
.portfolio2027-lock-symbol{display:grid;place-items:center;width:70px;height:70px;border:1px solid #ced6c9;border-radius:50%;margin-bottom:10px}
.portfolio2027-lock-symbol svg{width:30px;height:30px}
html.portfolio2027-password-screen,html.portfolio2027-password-screen body{background:var(--portfolio2027-wipe);margin:0!important}
.portfolio2027-password-stage{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:48px 24px}
.portfolio2027-password-form{position:relative;width:100%;max-width:360px;margin:0 auto!important;color:var(--portfolio2027-ink);font-family:"DM Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
.portfolio2027-password-form label{display:block;font-size:15px;font-weight:400;letter-spacing:.04em;line-height:1.8;text-align:center;margin-bottom:24px}
.portfolio2027-password-form input[type="password"]{display:block;width:100%;min-width:0;height:56px;border:1px solid #b7c2b0;border-radius:2px;background:#ffffff40;color:var(--portfolio2027-ink);padding:14px 18px;font:inherit;font-size:18px;letter-spacing:.16em;line-height:1.4;transition:border-color .2s ease,background .2s ease}
.portfolio2027-password-form input[type="password"]:focus{outline:2px solid #4c6145;outline-offset:3px;border-color:#4c6145;background:#ffffff60}
.portfolio2027-password-hint,.portfolio2027-password-submit{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.portfolio2027-password-submit:focus-visible{clip-path:none;width:auto;height:auto;left:50%;bottom:calc(100% + 24px);transform:translateX(-50%);padding:10px 20px;background:var(--portfolio2027-ink);color:#fff;font:inherit;font-size:14px;cursor:pointer}
.portfolio2027-password-form .portfolio2027-password-error{position:absolute;top:100%;left:0;right:0;color:#80352f;margin:20px 0 0;font-size:12px;line-height:1.8;text-align:center}
.portfolio2027-password-screen .portfolio2027-demo-note{display:none}
.portfolio2027-password-entering .portfolio2027-password-form{animation:portfolio2027-password-appear .4s ease both}
@keyframes portfolio2027-password-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.portfolio2027-locked-cover{min-height:0}.portfolio2027-lock-symbol{width:60px;height:60px}}
.portfolio2027-demo-note{position:fixed;bottom:16px;left:16px;z-index:99;background:#fff;color:#656b64;border:1px solid #dfe2dc;border-radius:100px;padding:9px 15px;font:11px/1.4 "DM Sans",sans-serif;box-shadow:0 2px 10px #00000006;pointer-events:none}
@media(min-width:1800px){.portfolio2027-hero .portfolio2027-display{font-size:162px}}
@media(max-width:900px){.portfolio2027-project-meta{display:block!important}.portfolio2027-project-meta .wp-block-post-terms{margin-top:4px}.portfolio2027-about,.portfolio2027-contact-inner{grid-template-columns:1fr 2fr;gap:28px}.portfolio2027-hero .portfolio2027-display{font-size:11vw;letter-spacing:-.065em}.portfolio2027-intro{font-size:14px}.portfolio2027-projects .wp-block-post-template{gap:42px 20px}}
@media(max-width:600px){.portfolio2027-header{padding-block:25px;min-height:85px}.portfolio2027-header .wp-block-site-title{font-size:27px}.portfolio2027-header .wp-block-navigation__container{gap:22px}.portfolio2027-hero{padding-top:60px;padding-bottom:70px}.portfolio2027-hero .portfolio2027-display{font-size:clamp(59px,15vw,90px);max-width:480px;line-height:1.04;letter-spacing:-.07em;margin-bottom:30px}.portfolio2027-hero-bottom{grid-template-columns:1fr;gap:22px}.portfolio2027-intro{font-size:14px;line-height:2}.portfolio2027-discipline{text-align:left;font-size:11px}.portfolio2027-section-head{gap:13px;margin-bottom:24px!important}.portfolio2027-section-head h2{font-size:21px}.portfolio2027-filters{width:100%;gap:23px;font-size:12px}.portfolio2027-projects .wp-block-post-template{grid-template-columns:1fr;gap:36px}.portfolio2027-projects .wp-block-post-featured-image{margin-bottom:15px}.portfolio2027-project-meta{display:flex!important;gap:8px}.portfolio2027-project-meta .wp-block-post-title{font-size:18px}.portfolio2027-project-meta .wp-block-post-terms{font-size:11px;margin:0}.portfolio2027-about,.portfolio2027-contact-inner{grid-template-columns:1fr;gap:33px}.portfolio2027-about{padding-block:50px 60px}.portfolio2027-about-content h3{font-size:26px}.portfolio2027-about-content>p{font-size:14px;line-height:2.15}.portfolio2027-services{gap:8px;font-size:11px}.portfolio2027-services p{padding:7px 13px}.portfolio2027-contact{padding-block:48px 55px}.portfolio2027-contact-content h3{font-size:46px}.portfolio2027-footer{align-items:start!important;gap:20px;flex-wrap:wrap!important;padding-bottom:48px}.portfolio2027-footer .portfolio2027-copyright{width:100%;order:3;font-size:11px}.portfolio2027-page{padding-block:55px 65px}.portfolio2027-page>.wp-block-post-featured-image{margin-bottom:38px}.portfolio2027-page .wp-block-post-content{font-size:15px}.portfolio2027-single-meta{font-size:12px}.portfolio2027-post-navigation{font-size:12px}}
/* A real curtain crosses documents; private content is never copied into transition snapshots. */
@view-transition{navigation:none}
html.portfolio2027-wipe-ready::before{content:"";position:fixed;inset:-1px;z-index:2147483646;background:var(--portfolio2027-wipe);transform:translate3d(0,101%,0);pointer-events:none}
html[data-portfolio2027-wipe]{cursor:progress}
html[data-portfolio2027-wipe]::before{pointer-events:auto;will-change:transform}
html[data-portfolio2027-wipe="leaving"]::before{animation:portfolio2027-wipe-cover .36s cubic-bezier(.76,0,.24,1) both}
html[data-portfolio2027-wipe="covered"]::before{transform:translate3d(0,0,0)}
html[data-portfolio2027-wipe="revealing"]::before{animation:portfolio2027-wipe-reveal .54s cubic-bezier(.76,0,.24,1) both}
@keyframes portfolio2027-wipe-cover{from{transform:translate3d(0,101%,0)}to{transform:translate3d(0,0,0)}}
@keyframes portfolio2027-wipe-reveal{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-101%,0)}}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  html{scroll-behavior:auto}
  html.portfolio2027-wipe-ready::before{display:none}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .portfolio2027-projects .wp-block-post:hover .wp-block-post-featured-image img,.portfolio2027-project-action,.portfolio2027-contact-content .wp-block-button__link:is(:hover,:focus-visible){transform:none!important}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}