/* ============================================================
   DAIWEB WORKS — archive / detail
   現行サイトのダークトーン、青、細い罫線、写真中心の思想を継承。
   ============================================================ */

.works-archive,.works-detail{
  --wk-black:#0b0d11;
  --wk-black-2:#14171c;
  --wk-paper:#f2f2ef;
  --wk-paper-2:#e9e9e4;
  --wk-ink:#17191d;
  --wk-blue:#315cff;
  --wk-line:rgba(23,25,29,.15);
  --wk-line-dark:rgba(255,255,255,.15);
  --wk-ease:cubic-bezier(.16,1,.3,1);
  background:var(--wk-black);
  color:#fff;
}
.works-archive figure,.works-detail figure{margin:0;}
.works-archive main,.works-detail main{overflow:clip;}
.works-skip{position:fixed;z-index:999;left:12px;top:12px;transform:translateY(-160%);padding:10px 16px;background:#fff;color:#111;font-weight:700;}
.works-skip:focus{transform:none;}
.works-archive .site-header,.works-detail .site-header{border-color:rgba(255,255,255,.08);}

/* ---------------- Archive hero ---------------- */
.wa-hero{position:relative;min-height:94svh;overflow:hidden;isolation:isolate;background:var(--wk-black);}
.wa-hero::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(6,8,11,.94) 0%,rgba(6,8,11,.63) 45%,rgba(6,8,11,.24) 75%,rgba(6,8,11,.58)),linear-gradient(0deg,rgba(6,8,11,.74),transparent 52%);}
.wa-hero-grid{position:absolute;z-index:2;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:25vw 25vw;opacity:.32;}
.wa-hero-photo{position:absolute;z-index:0;inset:0 0 0 38%;overflow:hidden;}
.wa-hero-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.42) contrast(1.08) brightness(.66);transform:scale(1.08);transition:transform 2s var(--wk-ease),filter 1.3s ease;}
.is-w-ready .wa-hero-photo img{transform:scale(1);filter:grayscale(.22) contrast(1.05) brightness(.72);}
.wa-hero-copy{position:absolute;z-index:4;left:clamp(24px,6.5vw,110px);top:50%;transform:translateY(-48%);width:min(720px,58vw);}
.wa-hero-copy>p:first-child,.wa-list-head>div>p,.wa-process>p,.wd-project-title>p,.wd-section-head>div>p,.wd-other>header>p{font-family:var(--en);font-size:.67rem;font-weight:500;letter-spacing:.22em;color:#91a7ff;}
.wa-hero-copy h1{display:flex;gap:.025em;margin-top:clamp(24px,4vw,50px);font-size:clamp(4.4rem,11vw,11rem);font-weight:700;line-height:.9;letter-spacing:-.075em;}
.wa-hero-copy h1 span{display:block;opacity:0;transform:translate3d(0,105%,0) rotate(3deg);transition:opacity .7s ease,transform 1.1s var(--wk-ease);}
.is-w-ready .wa-hero-copy h1 span{opacity:1;transform:none;}
.wa-hero-copy h1 span:nth-child(2){transition-delay:.07s}.wa-hero-copy h1 span:nth-child(3){transition-delay:.14s}.wa-hero-copy h1 span:nth-child(4){transition-delay:.21s}
.wa-hero-lead{margin-top:clamp(30px,5vw,62px);font-size:clamp(.88rem,1.2vw,1.02rem);font-weight:600;line-height:2.05;letter-spacing:.04em;color:rgba(255,255,255,.84);}
.wa-hero-item{opacity:0;transform:translateY(22px);transition:opacity .8s ease .42s,transform 1s var(--wk-ease) .42s;}
.is-w-ready .wa-hero-item{opacity:1;transform:none;}
.wa-hero-note{position:absolute;z-index:4;right:clamp(24px,4vw,66px);bottom:clamp(42px,5vw,70px);display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
.wa-hero-note span{font-family:var(--en);font-size:.65rem;letter-spacing:.22em;}.wa-hero-note small{font-size:.68rem;color:rgba(255,255,255,.55);}
.wa-scroll,.wd-scroll{position:absolute;z-index:5;left:clamp(24px,6.5vw,110px);bottom:32px;display:flex;align-items:center;gap:16px;font-family:var(--en);font-size:.56rem;letter-spacing:.22em;color:rgba(255,255,255,.65);}
.wa-scroll i,.wd-scroll i{display:block;width:64px;height:1px;background:rgba(255,255,255,.45);position:relative;overflow:hidden;}
.wa-scroll i::after,.wd-scroll i::after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-110%);animation:wkScroll 2.2s ease-in-out infinite;}
@keyframes wkScroll{55%,100%{transform:translateX(110%)}}

/* ---------------- Archive grid ---------------- */
.wa-list{padding:clamp(110px,14vw,210px) 0;background:var(--wk-paper);color:var(--wk-ink);}
.wa-list-head{width:min(1280px,88vw);margin:auto;display:grid;grid-template-columns:1.15fr .72fr;gap:10vw;align-items:end;}
.wa-list-head h2{margin-top:22px;font-size:clamp(2.1rem,5vw,4.8rem);font-weight:500;line-height:1.4;letter-spacing:.03em;}
.wa-list-head>p{padding-bottom:.4em;font-size:clamp(.78rem,1vw,.9rem);line-height:2.15;color:rgba(23,25,29,.62);}
.wa-toolbar{position:sticky;z-index:20;top:106px;width:min(1280px,88vw);margin:clamp(65px,9vw,118px) auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-block:1px solid var(--wk-line);background:rgba(242,242,239,.91);backdrop-filter:blur(12px);}
.wa-filters{display:flex;flex-wrap:wrap;gap:8px;}
.wa-filters button{min-height:40px;padding:0 18px;border:1px solid var(--wk-line);border-radius:999px;font-size:.72rem;color:rgba(23,25,29,.62);transition:background .3s ease,color .3s ease,border-color .3s ease;}
.wa-filters button:hover,.wa-filters button.is-active{background:var(--wk-ink);border-color:var(--wk-ink);color:#fff;}
.wa-filters button:focus-visible{outline:3px solid rgba(49,92,255,.35);outline-offset:2px;}
#workCount{font-family:var(--en);font-size:.64rem;letter-spacing:.17em;color:rgba(23,25,29,.52);white-space:nowrap;}
.wa-grid{width:min(1280px,88vw);margin:clamp(58px,8vw,104px) auto 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(38px,6vw,84px) clamp(22px,3.6vw,52px);align-items:start;}
.wa-card{grid-column:span 6;min-width:0;}
.wa-card--feature{grid-column:span 8;}.wa-card--portrait{grid-column:span 4;margin-top:12vw;}.wa-card--half{grid-column:span 6;}.wa-card--third{grid-column:span 4;}
.wa-card[hidden]{display:none!important;}
.wa-card a{display:block;color:inherit;}
.wa-card figure{position:relative;overflow:hidden;background:#d9d9d4;aspect-ratio:16/10;}
.wa-card--feature figure{aspect-ratio:16/10;}.wa-card--portrait figure{aspect-ratio:4/5;}.wa-card--third figure{aspect-ratio:4/5;}
.wa-card figure::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);pointer-events:none;}
.wa-card figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) contrast(1.04);transform:scale(1.025);transition:transform 1.05s var(--wk-ease),filter .65s ease;}
.wa-card-index{position:absolute;z-index:2;left:16px;top:15px;padding:7px 10px;background:rgba(10,12,16,.74);font-family:var(--en);font-size:.56rem;letter-spacing:.16em;color:#fff;backdrop-filter:blur(8px);}
.wa-card-arrow{position:absolute;z-index:2;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#111;transform:scale(.75);opacity:0;transition:opacity .35s ease,transform .5s var(--wk-ease);}
.wa-card-body{padding-top:23px;}
.wa-card-body>p{display:flex;justify-content:space-between;gap:18px;font-family:var(--en);font-size:.6rem;letter-spacing:.13em;color:rgba(23,25,29,.52);}
.wa-card-body>p span{color:var(--wk-blue);}
.wa-card-body h3{margin-top:18px;font-size:clamp(1.35rem,2.4vw,2.25rem);font-weight:500;line-height:1.55;letter-spacing:.03em;}
.wa-card-body ul{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:18px;}.wa-card-body li{font-size:.68rem;color:rgba(23,25,29,.6);}.wa-card-body li::before{content:"＋";margin-right:4px;color:var(--wk-blue);}
.wa-card-body>small{display:block;margin-top:16px;padding-top:12px;border-top:1px solid var(--wk-line);font-size:.59rem;color:#a04444;}
@media (hover:hover){
  .wa-card a:hover figure img{transform:scale(1.065);filter:grayscale(0) contrast(1.02);}
  .wa-card a:hover .wa-card-arrow{opacity:1;transform:scale(1);}
  .wa-card a:hover h3{color:var(--wk-blue);}
}
.wa-card--statement{align-self:stretch;min-height:480px;background:var(--wk-blue);color:#fff;}
.wa-card--statement a{height:100%;min-height:480px;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;}
.wa-card--statement p{font-family:var(--en);font-size:.63rem;letter-spacing:.2em;color:rgba(255,255,255,.7);}
.wa-card--statement h3{margin-top:auto;font-size:clamp(1.45rem,2.5vw,2.35rem);font-weight:500;line-height:1.65;}
.wa-card--statement span{display:flex;justify-content:space-between;margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.35);font-size:.74rem;}.wa-card--statement i{font-style:normal;}

.wa-process{padding:clamp(105px,13vw,190px) 6vw;background:var(--wk-black-2);}
.wa-process>p,.wa-process>h2,.wa-process-grid{width:min(1280px,100%);margin-inline:auto;}
.wa-process>p{font-family:var(--en);font-size:.67rem;letter-spacing:.22em;color:#91a7ff;}
.wa-process>h2{margin-top:28px;font-size:clamp(2rem,5.2vw,5rem);font-weight:500;line-height:1.46;}
.wa-process-grid{margin-top:clamp(60px,8vw,110px);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--wk-line-dark);}
.wa-process-grid article{min-height:300px;padding:34px 30px;border-right:1px solid var(--wk-line-dark);border-bottom:1px solid var(--wk-line-dark);}.wa-process-grid article:last-child{border-right:0;}
.wa-process-grid b{font-family:var(--en);font-size:2.1rem;font-weight:400;color:#91a7ff;}.wa-process-grid h3{margin-top:70px;font-size:1.2rem;font-weight:500;}.wa-process-grid p{margin-top:20px;font-size:.78rem;line-height:2;color:rgba(255,255,255,.58);}

/* ---------------- Detail hero mosaic ---------------- */
.works-detail{background:var(--wk-paper);color:var(--wk-ink);}
.wd-hero{position:relative;height:100vh;min-height:0;padding:110px 14px 14px;background:var(--wk-black);overflow:hidden;}
.wd-back{position:absolute;z-index:8;left:30px;top:92px;padding:8px 12px;background:rgba(11,13,17,.72);font-size:.64rem;letter-spacing:.08em;color:#fff;backdrop-filter:blur(8px);}.wd-back span{margin-right:7px;transition:transform .3s ease;}.wd-back:hover span{transform:translateX(-3px);}
.wd-mosaic{position:relative;height:calc(100vh - 124px);min-height:0;display:grid;grid-template-columns:1.25fr .9fr 1fr;grid-template-rows:1.1fr .9fr;gap:10px;}
.wd-shot{position:relative;overflow:hidden;background:#222;clip-path:inset(100% 0 0 0);transform:translateY(45px);transition:clip-path 1.25s var(--wk-ease),transform 1.25s var(--wk-ease);}
.is-w-ready .wd-shot{clip-path:inset(0);transform:none;}
.wd-shot--a{grid-column:1;grid-row:1}.wd-shot--b{grid-column:2;grid-row:1/3}.wd-shot--c{grid-column:3;grid-row:1}.wd-shot--d{grid-column:1;grid-row:2}.wd-shot--e{grid-column:3;grid-row:2}.wd-shot--f{position:absolute;z-index:3;left:9%;top:42%;width:20%;height:23%;border:8px solid var(--wk-black);transition-delay:.42s;}
.wd-shot--b{transition-delay:.08s}.wd-shot--c{transition-delay:.16s}.wd-shot--d{transition-delay:.24s}.wd-shot--e{transition-delay:.32s}
.wd-shot img{width:100%;height:100%;object-fit:cover;filter:grayscale(.18) contrast(1.06) brightness(.78);transform:scale(1.08);transition:transform 1.8s var(--wk-ease),filter 1s ease;}
.is-w-ready .wd-shot img{transform:scale(1);}
.wd-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,8,.38),transparent 55%);}
.wd-mosaic-title{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:8px;mix-blend-mode:difference;color:#fff;pointer-events:none;}
.wd-mosaic-title span{padding:8px 12px;border:1px solid currentColor;font-family:var(--en);font-size:.54rem;letter-spacing:.2em;}
.wd-scroll{left:34px;bottom:34px;}

/* ---------------- Detail content ---------------- */
.wd-project{background:var(--wk-paper);}
.wd-project-head{width:min(1280px,88vw);margin:auto;padding:clamp(105px,14vw,210px) 0 clamp(85px,11vw,150px);display:grid;grid-template-columns:1.05fr .62fr;gap:7vw;}
.wd-project-title h1{margin-top:24px;font-size:clamp(2.2rem,5vw,5rem);font-weight:700;line-height:1.34;letter-spacing:.02em;}
.wd-project-title>span{display:block;margin-top:28px;font-size:clamp(.85rem,1.2vw,1rem);line-height:2;color:rgba(23,25,29,.66);}
.wd-project-meta{border-top:1px solid var(--wk-line);}.wd-project-meta div{display:grid;grid-template-columns:95px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--wk-line);}.wd-project-meta dt{font-family:var(--en);font-size:.6rem;letter-spacing:.14em;color:rgba(23,25,29,.46);}.wd-project-meta dd{font-size:.76rem;line-height:1.7;}
.wd-project-summary{grid-column:1/-1;margin-top:clamp(28px,5vw,62px);padding-top:30px;border-top:1px solid var(--wk-line);max-width:74rem;font-size:clamp(.86rem,1.1vw,.96rem);line-height:2.35;color:rgba(23,25,29,.68);}
.wd-local-nav{position:sticky;z-index:30;top:106px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(11,13,17,.94);color:#fff;backdrop-filter:blur(12px);}
.wd-local-nav a{padding:18px 24px;border-right:1px solid var(--wk-line-dark);font-size:.72rem;letter-spacing:.06em;transition:background .3s ease;}.wd-local-nav a:last-child{border-right:0;}.wd-local-nav a span{margin-right:10px;font-family:var(--en);font-size:.6rem;color:#91a7ff;}.wd-local-nav a:hover,.wd-local-nav a.is-active{background:var(--wk-blue);}.wd-local-nav a.is-active span{color:#fff;}
.wd-section{padding:clamp(105px,13vw,190px) 0;scroll-margin-top:150px;}
.wd-section-head{width:min(1280px,88vw);margin:0 auto clamp(60px,8vw,110px);display:grid;grid-template-columns:1fr .68fr;gap:8vw;align-items:end;}
.wd-section-head h2{margin-top:20px;font-size:clamp(2.1rem,5vw,4.7rem);font-weight:500;}.wd-section-head>p{padding-bottom:.6em;font-size:.82rem;line-height:2.15;color:rgba(23,25,29,.6);}
.wd-scope{background:#fff;}
.wd-scope-grid{width:min(1280px,88vw);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--wk-line);}
.wd-scope-grid article{min-height:310px;padding:30px 28px;border-right:1px solid var(--wk-line);border-bottom:1px solid var(--wk-line);}.wd-scope-grid article:last-child{border-right:0;}.wd-scope-grid span{font-family:var(--en);font-size:1.6rem;color:var(--wk-blue);}.wd-scope-grid h3{margin-top:72px;font-size:1.05rem;font-weight:600;}.wd-scope-grid p{margin-top:20px;font-size:.76rem;line-height:2;color:rgba(23,25,29,.62);}
.wd-deliverables{width:min(1280px,88vw);margin:clamp(65px,9vw,120px) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px;}.wd-deliverables figure{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--wk-paper-2);}.wd-deliverables img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--wk-ease);}.wd-deliverables figcaption{position:absolute;left:14px;bottom:12px;padding:6px 9px;background:rgba(11,13,17,.75);font-family:var(--en);font-size:.52rem;letter-spacing:.13em;color:#fff;}
.wd-strategy{background:var(--wk-paper-2);}
.wd-concept{width:min(1280px,88vw);margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;min-height:760px;background:var(--wk-black-2);color:#fff;}
.wd-concept-copy{padding:clamp(40px,6vw,86px);display:flex;flex-direction:column;justify-content:center;}.wd-concept-copy>p:first-child{font-family:var(--en);font-size:.62rem;letter-spacing:.22em;color:#91a7ff;}.wd-concept-copy h3{margin-top:32px;font-size:clamp(1.9rem,3.6vw,3.6rem);font-weight:500;line-height:1.55;}.wd-concept-copy>p:nth-of-type(2){margin-top:38px;font-size:.82rem;line-height:2.25;color:rgba(255,255,255,.66);}.wd-concept-copy span{margin-top:30px;font-size:.6rem;color:#ffb1b1;}.wd-concept-photo{overflow:hidden;}.wd-concept-photo img{width:100%;height:112%;object-fit:cover;filter:grayscale(.18) brightness(.72);will-change:transform;}
.wd-principles{width:min(1100px,82vw);margin:clamp(70px,10vw,140px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);}.wd-principles article{padding:34px 28px;border-top:1px solid var(--wk-line);border-right:1px solid var(--wk-line);}.wd-principles article:last-child{border-right:0;}.wd-principles b{font-family:var(--en);font-size:.62rem;letter-spacing:.18em;color:var(--wk-blue);}.wd-principles h3{margin-top:60px;font-size:1.05rem;font-weight:600;}.wd-principles p{margin-top:18px;font-size:.74rem;line-height:1.95;color:rgba(23,25,29,.6);}
.wd-web{background:#f8f8f6;}
.wd-browser{width:min(1280px,88vw);margin:auto;border:1px solid rgba(17,20,24,.18);border-radius:10px;overflow:hidden;background:#efe7d8;box-shadow:0 50px 90px -60px rgba(0,0,0,.38);}
.wd-browser-bar{height:46px;padding:0 16px;display:flex;align-items:center;gap:7px;background:#15171b;color:#fff;}.wd-browser-bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);}.wd-browser-bar span{margin-left:10px;font-family:var(--en);font-size:.55rem;letter-spacing:.08em;color:rgba(255,255,255,.48);}
.wd-demo-hero{position:relative;height:min(720px,65vw);overflow:hidden;}.wd-demo-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(76,32,15,.76),rgba(76,32,15,.1) 65%);}.wd-demo-hero img{width:100%;height:100%;object-fit:cover;}.wd-demo-hero>div{position:absolute;z-index:2;left:7%;top:50%;transform:translateY(-50%);color:#fff;}.wd-demo-hero p{font-family:var(--en);font-size:.62rem;letter-spacing:.2em;}.wd-demo-hero h3{margin-top:25px;font-family:var(--sans);font-size:clamp(2.2rem,6vw,6rem);font-weight:600;line-height:1.35;}.wd-demo-hero span{display:block;margin-top:38px;font-family:var(--en);font-size:.55rem;letter-spacing:.2em;}
.wd-demo-story{display:grid;grid-template-columns:.72fr 1.28fr;min-height:520px;align-items:center;}.wd-demo-story>div{padding:9vw;}.wd-demo-story p{font-family:var(--en);font-size:.6rem;letter-spacing:.18em;color:#b44e34;}.wd-demo-story h4{margin-top:22px;font-size:clamp(1.65rem,3vw,3.2rem);font-weight:500;line-height:1.65;color:#6e2d1f;}.wd-demo-story img{width:100%;height:100%;object-fit:cover;}
.wd-mobile-showcase{width:min(1100px,82vw);margin:clamp(90px,12vw,180px) auto 0;display:grid;grid-template-columns:.72fr .9fr .72fr;gap:5vw;align-items:center;}.wd-phone{position:relative;aspect-ratio:9/18;border:9px solid #16181c;border-radius:34px;overflow:hidden;background:#efe7d8;box-shadow:0 40px 70px -40px rgba(0,0,0,.45);}.wd-phone>span{position:absolute;z-index:3;top:8px;left:50%;transform:translateX(-50%);width:28%;height:15px;border-radius:12px;background:#16181c;}.wd-phone img{width:100%;height:62%;object-fit:cover;}.wd-phone>div{padding:10% 9%;}.wd-phone small{font-family:var(--en);font-size:.5rem;letter-spacing:.2em;color:#a84e38;}.wd-phone strong{display:block;margin-top:12px;font-size:clamp(1rem,1.7vw,1.5rem);font-weight:500;line-height:1.55;color:#6e2d1f;}.wd-phone--second{transform:translateY(80px);}.wd-mobile-copy>p:first-child{font-family:var(--en);font-size:.62rem;letter-spacing:.2em;color:var(--wk-blue);}.wd-mobile-copy h3{margin-top:24px;font-size:clamp(2rem,4vw,3.8rem);font-weight:500;line-height:1.45;}.wd-mobile-copy>p:last-child{margin-top:30px;font-size:.8rem;line-height:2.2;color:rgba(23,25,29,.62);}
.wd-photo-wall{width:min(1280px,88vw);margin:clamp(150px,17vw,250px) auto 0;display:grid;grid-template-columns:1.35fr .65fr .65fr;gap:12px;align-items:stretch;}.wd-photo-wall figure{overflow:hidden;min-height:520px;}.wd-photo-wall img{width:100%;height:100%;object-fit:cover;filter:grayscale(.08);transition:transform 1.2s var(--wk-ease);}
.wd-team{background:var(--wk-black-2);color:#fff;}.wd-team .wd-section-head>p{color:rgba(255,255,255,.58);}.wd-team-grid{width:min(1280px,88vw);margin:auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--wk-line-dark);}.wd-team-grid article{position:relative;min-height:360px;padding:38px 32px;border-right:1px solid var(--wk-line-dark);border-bottom:1px solid var(--wk-line-dark);}.wd-team-grid article:last-child{border-right:0;}.wd-team-grid article>p{font-family:var(--en);font-size:.58rem;letter-spacing:.18em;color:#91a7ff;}.wd-team-grid h3{margin-top:90px;font-size:clamp(1.8rem,3.3vw,3rem);font-weight:500;}.wd-team-grid span{display:block;margin-top:13px;font-size:.75rem;color:rgba(255,255,255,.62);}.wd-team-grid small{position:absolute;left:32px;bottom:30px;font-size:.58rem;color:#ffb1b1;}
.wd-other{padding:clamp(105px,13vw,190px) 0;background:var(--wk-paper);}.wd-other>header,.wd-other-grid{width:min(1280px,88vw);margin-inline:auto;}.wd-other>header h2{margin-top:20px;font-size:clamp(2rem,5vw,4.6rem);font-weight:500;}.wd-other-grid{margin-top:70px;display:grid;grid-template-columns:1fr 1fr .72fr;gap:15px;}.wd-other-grid>a{position:relative;min-height:390px;overflow:hidden;background:#ddd;color:#fff;}.wd-other-grid img{width:100%;height:100%;object-fit:cover;filter:grayscale(.45) brightness(.67);transition:transform 1s var(--wk-ease),filter .65s ease;}.wd-other-grid>a>span{position:absolute;z-index:2;left:28px;bottom:28px;}.wd-other-grid small{font-family:var(--en);font-size:.55rem;letter-spacing:.15em;}.wd-other-grid strong{display:block;margin-top:12px;font-size:1.05rem;font-weight:500;}.wd-other-all{padding:32px;background:var(--wk-blue)!important;display:flex;flex-direction:column;justify-content:flex-end;}.wd-other-all>span{position:static!important;font-family:var(--en);font-size:.6rem;letter-spacing:.2em;color:rgba(255,255,255,.7);}.wd-other-all>strong{font-size:1.35rem!important;}.wd-other-all>i{margin-top:35px;padding-top:16px;border-top:1px solid rgba(255,255,255,.35);font-style:normal;text-align:right;}
@media (hover:hover){.wd-deliverables figure:hover img,.wd-photo-wall figure:hover img{transform:scale(1.035)}.wd-other-grid>a:hover img{transform:scale(1.045);filter:grayscale(0) brightness(.75)}}
.works-detail .contact-band,.works-archive .contact-band{background:linear-gradient(105deg,#4166f5,#3157ec 62%,#6f8bff);}

/* ---------------- Responsive ---------------- */
@media (max-width:1100px){
  .wa-hero-copy{width:64vw}.wa-card--feature{grid-column:span 7}.wa-card--portrait{grid-column:span 5}
  .wd-concept{grid-template-columns:.82fr 1.18fr;}.wd-mobile-showcase{width:88vw;gap:3vw;}.wd-other-grid{grid-template-columns:1fr 1fr;}.wd-other-all{grid-column:1/-1;min-height:240px!important;}
}
@media (max-width:900px){
  .wa-hero{min-height:820px}.wa-hero-grid{background-size:50vw 50vw}.wa-hero-photo{inset:0}.wa-hero::after{background:linear-gradient(90deg,rgba(6,8,11,.86),rgba(6,8,11,.2)),linear-gradient(0deg,rgba(6,8,11,.88),transparent 64%)}.wa-hero-copy{left:24px;top:auto;bottom:120px;transform:none;width:calc(100% - 48px)}.wa-hero-copy h1{font-size:clamp(4rem,20vw,7rem)}.wa-hero-lead{font-size:.82rem}.wa-hero-note{display:none}.wa-scroll{left:24px}
  .wa-list-head,.wd-section-head{grid-template-columns:1fr;gap:30px}.wa-list-head>p,.wd-section-head>p{padding-bottom:0}.wa-toolbar{top:106px}.wa-card--feature,.wa-card--portrait,.wa-card--half{grid-column:span 12;margin-top:0}.wa-card--third{grid-column:span 6}.wa-process-grid{grid-template-columns:1fr}.wa-process-grid article{min-height:230px;border-right:0}.wa-process-grid h3{margin-top:42px}
  .wd-hero{height:100vh;min-height:0;padding:102px 8px 8px}.wd-back{left:18px;top:108px}.wd-mosaic{height:calc(100vh - 110px);min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:1fr .75fr 1fr;gap:7px}.wd-shot--a{grid-column:1/3;grid-row:1}.wd-shot--b{grid-column:1;grid-row:2/4}.wd-shot--c{grid-column:2;grid-row:2}.wd-shot--d{display:none}.wd-shot--e{grid-column:2;grid-row:3}.wd-shot--f{left:7%;top:31%;width:32%;height:18%;border-width:6px}.wd-mosaic-title{flex-direction:column;align-items:flex-start}.wd-scroll{left:24px;bottom:22px}
  .wd-project-head{grid-template-columns:1fr}.wd-project-summary{grid-column:auto}.wd-local-nav{top:106px;overflow:auto;grid-template-columns:repeat(4,minmax(145px,1fr))}.wd-local-nav a{padding:15px 18px;white-space:nowrap}.wd-scope-grid{grid-template-columns:1fr}.wd-scope-grid article{min-height:230px;border-right:0}.wd-scope-grid h3{margin-top:42px}.wd-deliverables{grid-template-columns:1fr}.wd-concept{grid-template-columns:1fr;min-height:0}.wd-concept-copy{min-height:620px}.wd-concept-photo{height:70svh}.wd-principles{width:88vw;grid-template-columns:1fr}.wd-principles article{border-right:0}.wd-principles h3{margin-top:36px}.wd-demo-story{grid-template-columns:1fr}.wd-demo-story>div{padding:10vw}.wd-demo-story img{min-height:420px}.wd-mobile-showcase{grid-template-columns:1fr 1fr;width:82vw}.wd-mobile-copy{grid-column:1/-1;grid-row:1}.wd-phone--second{transform:translateY(50px)}.wd-photo-wall{grid-template-columns:1fr 1fr}.wd-photo-wall figure{min-height:420px}.wd-photo-wall figure:first-child{grid-column:1/-1}.wd-team-grid{grid-template-columns:1fr}.wd-team-grid article{border-right:0}.wd-other-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .wa-hero{min-height:760px}.wa-hero-copy h1{font-size:18vw}.wa-hero-copy h1 span{letter-spacing:-.1em}.wa-list{padding-top:92px}.wa-list-head{width:88vw}.wa-list-head h2{font-size:2.25rem}.wa-toolbar{top:106px;width:100%;margin-top:64px;padding:14px 6vw;align-items:flex-end}.wa-filters{gap:6px}.wa-filters button{min-height:36px;padding:0 13px;font-size:.66rem}#workCount{display:none}.wa-grid{width:88vw;grid-template-columns:1fr;margin-top:54px;gap:58px}.wa-card,.wa-card--feature,.wa-card--portrait,.wa-card--half,.wa-card--third{grid-column:auto}.wa-card figure,.wa-card--feature figure{aspect-ratio:4/3}.wa-card--portrait figure,.wa-card--third figure{aspect-ratio:4/5}.wa-card-body h3{font-size:1.42rem}.wa-card-arrow{opacity:1;transform:scale(.85)}.wa-card--statement{min-height:390px}.wa-card--statement a{min-height:390px;padding:30px}.wa-process{padding-inline:6vw}.wa-process>h2{font-size:2.35rem}
  .wd-hero{height:100vh;min-height:0}.wd-mosaic{height:calc(100vh - 110px);min-height:0}.wd-shot--f{display:none}.wd-mosaic-title span{padding:6px 8px;font-size:.46rem}.wd-project-head{width:88vw;padding-top:90px}.wd-project-title h1{font-size:2.3rem}.wd-project-meta div{grid-template-columns:80px 1fr}.wd-local-nav{top:106px}.wd-section{padding:90px 0}.wd-section-head{width:88vw;margin-bottom:58px}.wd-section-head h2{font-size:2.25rem}.wd-scope-grid,.wd-deliverables{width:88vw}.wd-deliverables{gap:10px}.wd-concept{width:100%}.wd-concept-copy{min-height:560px;padding:11vw 8vw}.wd-concept-copy h3{font-size:2.25rem}.wd-concept-photo{height:60svh}.wd-principles{width:88vw}.wd-browser{width:94vw;border-radius:6px}.wd-browser-bar{height:36px}.wd-demo-hero{height:70svh;min-height:560px}.wd-demo-hero>div{left:8%;right:8%}.wd-demo-hero h3{font-size:2.6rem}.wd-demo-story{min-height:0}.wd-demo-story>div{padding:70px 8vw}.wd-demo-story img{min-height:360px}.wd-mobile-showcase{width:84vw;gap:16px}.wd-phone{border-width:6px;border-radius:25px}.wd-mobile-copy h3{font-size:2.35rem}.wd-phone strong{font-size:.82rem}.wd-photo-wall{width:100%;margin-top:130px;grid-template-columns:1fr;gap:5px}.wd-photo-wall figure,.wd-photo-wall figure:first-child{grid-column:auto;min-height:70svh}.wd-team-grid{width:88vw}.wd-team-grid article{min-height:310px;padding:30px 22px}.wd-team-grid h3{margin-top:64px}.wd-team-grid small{left:22px}.wd-other>header,.wd-other-grid{width:88vw}.wd-other-grid{grid-template-columns:1fr}.wd-other-grid>a{min-height:330px}.wd-other-all{grid-column:auto}.works-detail .float-ctas,.works-archive .float-ctas{display:none}
}
@media (max-width:430px){
  .wa-hero-copy{bottom:118px}.wa-hero-lead br{display:none}.wa-filters button{padding:0 11px}.wa-card-body>p{flex-direction:column;gap:6px}.wd-hero{padding-top:102px}.wd-project-title h1{font-size:2rem}.wd-local-nav{grid-template-columns:repeat(4,minmax(132px,1fr))}.wd-mobile-showcase{width:90vw}.wd-phone--second{transform:translateY(32px)}
}
@media (prefers-reduced-motion:reduce){
  .works-archive *,.works-archive *::before,.works-archive *::after,.works-detail *,.works-detail *::before,.works-detail *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .wa-hero-item,.wa-hero-copy h1 span,.wd-shot{opacity:1!important;transform:none!important;clip-path:none!important;}
  .wa-hero-photo img,.wd-shot img{transform:none!important;}
}

/* 2026-08 archive refresh — matches the TOP MESSAGE first view. */
.works-archive .wa-hero{min-height:100svh;background:var(--wk-black)}
.works-archive .wa-hero::after{display:none}
.works-archive .wa-hero-grid{z-index:0;opacity:.3}
.works-archive .wa-hero-glow{position:absolute;z-index:1;left:37%;top:-24%;width:45vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.56) 0%,rgba(83,111,255,.3) 16%,rgba(25,38,89,.1) 42%,transparent 70%);filter:blur(18px);mix-blend-mode:screen;opacity:.72;pointer-events:none}
.works-archive .wa-hero-photo{position:absolute;z-index:2;inset:0 0 0 auto;width:62%;overflow:hidden;background:#111;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}
.works-archive .wa-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--wk-black) 0%,rgba(11,13,17,.7) 18%,rgba(11,13,17,.05) 56%,rgba(11,13,17,.22) 100%),linear-gradient(0deg,rgba(11,13,17,.6),transparent 44%)}
.works-archive .wa-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:grayscale(.18) brightness(.7) contrast(1.12);transform:scale(1.055);transition:transform 1.7s var(--wk-ease)}
.works-archive .wa-hero-photo figcaption{position:absolute;z-index:2;right:18px;bottom:16px;font-size:.55rem;letter-spacing:.08em;color:rgba(255,255,255,.5)}
.works-archive .wa-hero-copy{left:clamp(22px,6vw,94px);width:min(53vw,740px)}
.works-archive .wa-hero-copy h1{display:block;margin-top:clamp(24px,4vw,48px);font-size:clamp(3.2rem,8.4vw,8.6rem);font-weight:700;line-height:1.03;letter-spacing:0}
.works-archive .wa-title-mask{display:block;overflow:hidden;padding-bottom:.08em}
.works-archive .wa-title-line{display:block;opacity:1;transform:translateY(110%);transition:transform 1.25s var(--wk-ease) .23s}
.works-archive.is-w-ready .wa-title-line{transform:none}
.works-archive .wa-hero-lift{clip-path:polygon(15% 100%,100% 100%,100% 100%,0 100%);transform:translateY(7vh);transition:clip-path 1.25s var(--wk-ease) .16s,transform 1.25s var(--wk-ease) .16s}
.works-archive.is-w-ready .wa-hero-lift{clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);transform:none}
.works-archive.is-w-ready .wa-hero-photo img{transform:scale(1)}
.works-archive .wa-hero-index{position:absolute;z-index:5;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:.55rem;letter-spacing:.12em;color:rgba(255,255,255,.45)}
.works-archive .wa-hero-index i{width:1px;height:72px;background:rgba(255,255,255,.28)}
.works-archive .wa-scroll b{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.42);border-radius:50%;font-size:.72rem;font-weight:500;color:#fff;animation:wkScrollArrow 1.8s ease-in-out infinite}
@keyframes wkScrollArrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}

.works-archive .wa-list-head{width:min(1500px,90vw);grid-template-columns:minmax(0,1.2fr) minmax(320px,.72fr);gap:clamp(60px,8vw,140px)}
.works-archive .wa-list-head h2{max-width:850px;font-size:clamp(2.75rem,4.6vw,4.5rem);line-height:1.28;letter-spacing:.015em;text-wrap:balance}
.works-archive .wa-list-head>p{max-width:540px;font-size:clamp(.9rem,1vw,1rem)}
.works-archive .wa-toolbar{width:min(1500px,90vw)}
.works-archive .wa-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:clamp(48px,6vw,88px)}
.works-archive .wa-card{grid-column:auto;margin-top:0}
.works-archive .wa-card>a{position:relative;display:block;overflow:hidden;background:#17191d}
.works-archive .wa-card figure{aspect-ratio:16/10}
.works-archive .wa-card figure img{filter:none;transform:scale(1.015)}
.works-archive .wa-card figure::before{content:"";position:absolute;z-index:1;inset:42% 0 0;background:linear-gradient(0deg,rgba(5,7,10,.78),transparent)}
.works-archive .wa-card-body{position:absolute;z-index:3;right:0;bottom:0;left:0;padding:clamp(18px,2.2vw,34px);color:#fff;pointer-events:none}
.works-archive .wa-card-body>p{justify-content:flex-start;color:rgba(255,255,255,.72)}
.works-archive .wa-card-body>p span{color:#fff}
.works-archive .wa-card-body h2{margin-top:8px;font-size:clamp(1.05rem,1.65vw,1.65rem);font-weight:600;line-height:1.45;color:#fff}
.works-archive .wa-card-index{top:clamp(12px,1.5vw,22px);left:clamp(12px,1.5vw,22px)}

@media (max-width:900px){
  .works-archive .wa-hero-photo{inset:0;width:100%;clip-path:none;opacity:1}.works-archive .wa-hero-photo::after{background:linear-gradient(90deg,rgba(11,13,17,.8),rgba(11,13,17,.18)),linear-gradient(0deg,rgba(11,13,17,.84),transparent 62%)}.works-archive .wa-hero-copy{left:24px;top:auto;bottom:112px;transform:none;width:calc(100% - 48px)}.works-archive .wa-hero-copy h1{font-size:clamp(3.4rem,13vw,6.3rem)}.works-archive .wa-hero-index{display:none}.works-archive .wa-list-head{grid-template-columns:1fr;gap:32px}.works-archive .wa-list-head>p{max-width:680px}.works-archive .wa-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .works-archive .wa-hero{min-height:760px}.works-archive .wa-hero-copy h1{font-size:18vw}.works-archive .wa-list-head{width:88vw}.works-archive .wa-list-head h2{font-size:clamp(2.05rem,10vw,2.75rem);line-height:1.35}.works-archive .wa-toolbar{width:100%}.works-archive .wa-grid{grid-template-columns:1fr;gap:4px}.works-archive .wa-card figure{aspect-ratio:4/3}.works-archive .wa-card-body{padding:20px}.works-archive .wa-card-body h2{font-size:1.2rem}
}

/* ---------------- WordPress / SWELL integration ---------------- */
.works-archive,.works-detail{--en:var(--sans);}
.daiweb-standalone{margin:0!important;padding:0!important;background:#f7f7f5;}
.daiweb-standalone #wpadminbar{z-index:100000;}
.daiweb-skip-link{position:fixed;z-index:100002;top:8px;left:8px;padding:12px 16px;background:#fff;color:#111!important;transform:translateY(-160%);transition:transform .2s ease;}
.daiweb-skip-link:focus{transform:none;}
.daiweb-global-header{position:fixed;z-index:10000;top:max(16px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;width:min(1840px,calc(100% - 48px));height:72px;padding:0 14px 0 24px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:rgba(12,14,18,.88);box-shadow:0 16px 45px -28px rgba(0,0,0,.72);backdrop-filter:blur(16px);transform:translateX(-50%);color:#fff;}
.admin-bar .daiweb-global-header{top:calc(32px + max(16px,env(safe-area-inset-top)));}
.daiweb-global-header__logo{display:flex;align-items:center;margin-right:auto;}
.daiweb-global-header__logo img{display:block;width:172px;height:auto;filter:brightness(0) invert(1);}
.daiweb-global-nav{display:flex;align-items:center;gap:clamp(15px,1.7vw,30px);}
.daiweb-global-nav a{position:relative;color:#fff!important;font-size:12px;font-weight:600;white-space:nowrap;text-decoration:none;}
.daiweb-global-nav a:not(.daiweb-global-nav__contact)::after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:1px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--wk-ease);}
.daiweb-global-nav a:hover::after,.daiweb-global-nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left;}
.daiweb-global-nav__contact{display:grid;place-items:center;min-height:44px;padding:0 24px;border-radius:3px;background:#315cff;}
.daiweb-global-toggle{display:none;width:46px;height:46px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;}
.daiweb-global-toggle span{display:block;width:24px;height:1px;margin:7px auto;background:currentColor;transition:transform .35s ease;}
.daiweb-global-footer{padding:clamp(80px,10vw,140px) 6vw 30px;background:#101217;color:#fff;}
.daiweb-global-footer__inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;width:min(1500px,100%);margin:auto;}
.daiweb-global-footer__brand img{width:220px;height:auto;filter:brightness(0) invert(1);}
.daiweb-global-footer__brand p{max-width:470px;margin-top:30px;font-size:14px;line-height:2;color:rgba(255,255,255,.65);}
.daiweb-global-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 36px;border-top:1px solid rgba(255,255,255,.18);}
.daiweb-global-footer nav a{padding:16px 2px;border-bottom:1px solid rgba(255,255,255,.18);color:#fff!important;font-size:13px;text-decoration:none;}
.daiweb-global-footer__bottom{display:flex;justify-content:space-between;gap:30px;width:min(1500px,100%);margin:clamp(70px,9vw,120px) auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);font-size:11px;color:rgba(255,255,255,.48);}
.daiweb-global-footer address{font-style:normal;}
.daiweb-works-main,.daiweb-works-main *{box-sizing:border-box;}
.daiweb-works-main a{color:inherit;text-decoration:none;}
.daiweb-works-main ul,.daiweb-works-main ol{padding-left:0;list-style:none;}
.daiweb-works-main img{max-width:100%;}
.works-archive .wa-toolbar,.works-detail .wd-local-nav{top:var(--swl-headerH,80px);}
.wa-filters a{display:grid;place-items:center;min-height:40px;padding:0 18px;border:1px solid var(--wk-line);border-radius:999px;font-size:.72rem;color:rgba(23,25,29,.62);transition:background .3s ease,color .3s ease,border-color .3s ease;}
.wa-filters a:hover,.wa-filters a.is-active{background:var(--wk-ink);border-color:var(--wk-ink);color:#fff;}
.wa-filters a:focus-visible{outline:3px solid rgba(49,92,255,.35);outline-offset:2px;}
.wa-card-body h2{margin-top:18px;font-size:clamp(1.35rem,2.4vw,2.25rem);font-weight:500;line-height:1.55;letter-spacing:.03em;}
.wa-card a:hover .wa-card-body h2{color:var(--wk-blue);}
.wa-card-body>small{color:rgba(23,25,29,.58);line-height:1.8;}
.wa-card--statement h2{margin-top:auto;font-size:clamp(1.45rem,2.5vw,2.35rem);font-weight:500;line-height:1.65;}
.wa-card-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#16191f,#315cff);font-family:var(--en);font-size:.65rem;letter-spacing:.2em;color:rgba(255,255,255,.72);}
.wa-empty{grid-column:1/-1;padding:60px 0;border-block:1px solid var(--wk-line);color:rgba(23,25,29,.62);}

html.js .works-archive [data-reveal],html.js .works-detail [data-reveal]{opacity:0;transform:translate3d(0,34px,0);filter:blur(4px);transition:opacity .72s ease,transform .9s var(--wk-ease),filter .72s ease;}
html.js .works-archive [data-reveal].is-in,html.js .works-detail [data-reveal].is-in{opacity:1;transform:none;filter:none;}

.daiweb-pagination{width:min(1280px,88vw);margin:clamp(65px,8vw,105px) auto 0;}
.daiweb-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;}
.daiweb-pagination a,.daiweb-pagination span{display:grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border:1px solid var(--wk-line);font-family:var(--en);font-size:.72rem;}
.daiweb-pagination .current{background:var(--wk-ink);border-color:var(--wk-ink);color:#fff;}

.daiweb-works-contact{padding:clamp(100px,13vw,190px) 6vw;background:linear-gradient(105deg,#4166f5,#3157ec 62%,#6f8bff);color:#fff;}
.daiweb-works-contact>p,.daiweb-works-contact>h2,.daiweb-works-contact>a{width:min(1280px,100%);margin-inline:auto;}
.daiweb-works-contact>p:first-child{font-family:var(--en);font-size:.65rem;letter-spacing:.22em;color:rgba(255,255,255,.68);}
.daiweb-works-contact h2{margin-top:30px;font-size:clamp(2.2rem,6vw,5.6rem);font-weight:500;line-height:1.4;}
.daiweb-works-contact h2+ p{margin-top:32px;font-size:.85rem;line-height:2;color:rgba(255,255,255,.75);}
.daiweb-works-contact>a{display:flex;justify-content:space-between;margin-top:clamp(45px,7vw,90px);padding:24px 0;border-top:1px solid rgba(255,255,255,.42);font-size:.92rem;font-weight:600;}

.wd-mosaic--count-0,.wd-mosaic--count-1{display:block;}
.wd-mosaic--count-1 .wd-shot--a{width:100%;height:100%;}
.wd-mosaic--count-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr;}
.wd-mosaic--count-2 .wd-shot--a{grid-column:1;grid-row:1;}.wd-mosaic--count-2 .wd-shot--b{grid-column:2;grid-row:1;}
.wd-mosaic--count-3{grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;}
.wd-mosaic--count-3 .wd-shot--a{grid-column:1;grid-row:1/3;}.wd-mosaic--count-3 .wd-shot--b{grid-column:2;grid-row:1;}.wd-mosaic--count-3 .wd-shot--c{grid-column:2;grid-row:2;}
.wd-hero-empty{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:8vw;background:linear-gradient(135deg,#11141a,#253c94);color:#fff;}
.wd-hero-empty span{font-family:var(--en);font-size:.64rem;letter-spacing:.2em;color:#91a7ff;}
.wd-hero-empty strong{max-width:900px;margin-top:30px;font-size:clamp(2.5rem,7vw,7rem);font-weight:500;line-height:1.35;}
.wd-local-nav--1{grid-template-columns:1fr}.wd-local-nav--2{grid-template-columns:repeat(2,1fr)}.wd-local-nav--3{grid-template-columns:repeat(3,1fr)}.wd-local-nav--4{grid-template-columns:repeat(4,1fr)}
.wd-scope-grid--1{grid-template-columns:1fr}.wd-scope-grid--2{grid-template-columns:repeat(2,1fr)}
.wd-concept--text-only:not(:has(.wd-concept-photo)){grid-template-columns:1fr;min-height:560px;}
.wd-principles:empty{display:none;}
.wd-principles:has(article:only-child){grid-template-columns:1fr;}.wd-principles:has(article:nth-child(2):last-child){grid-template-columns:repeat(2,1fr);}
.wd-editor-content{width:min(1050px,82vw);margin:0 auto;font-size:clamp(.9rem,1.12vw,1rem);line-height:2.15;color:rgba(23,25,29,.72);}
.wd-editor-content>*+*{margin-top:1.8em;}.wd-editor-content h2{margin-top:2.8em;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:500;line-height:1.55;}.wd-editor-content h3{margin-top:2.4em;font-size:clamp(1.3rem,2.5vw,1.9rem);}.wd-editor-content img{height:auto;}.wd-editor-content a{color:var(--wk-blue);text-decoration:underline;text-underline-offset:4px;}
.wd-photo-wall--dynamic{grid-template-columns:repeat(2,minmax(0,1fr));}
.wd-photo-wall--dynamic figure:first-child{grid-column:1/-1;}
.wd-site-link{width:min(1050px,82vw);margin:clamp(55px,8vw,100px) auto 0;}.wd-site-link a{display:flex;justify-content:space-between;padding:24px 28px;background:var(--wk-blue);color:#fff;font-weight:600;}
.wd-team-grid--1{grid-template-columns:1fr}.wd-team-grid--3{grid-template-columns:repeat(3,1fr)}
.wd-other-grid>a:not(.wd-other-all):not(:has(img)){background:linear-gradient(135deg,#171b23,#315cff);}

@media (max-width:900px){
  .works-archive .wa-toolbar,.works-detail .wd-local-nav{top:var(--swl-headerH,64px);}
  .wd-scope-grid--2,.wd-team-grid--3{grid-template-columns:1fr;}
  .wd-local-nav{grid-template-columns:repeat(var(--daiweb-nav-count,4),minmax(140px,1fr));}
}
@media (max-width:680px){
  .wa-filters a{min-height:36px;padding:0 13px;font-size:.66rem;}
  .wa-card-body h2{font-size:1.42rem;}
  .wd-photo-wall--dynamic{grid-template-columns:1fr;}.wd-photo-wall--dynamic figure:first-child{grid-column:auto;}
  .wd-editor-content,.wd-site-link{width:88vw;}
}
@media (prefers-reduced-motion:reduce){
  html.js .works-archive [data-reveal],html.js .works-detail [data-reveal]{opacity:1!important;transform:none!important;filter:none!important;}
}

/* ============================================================
   WORK DETAIL / EDITORIAL CASE STUDY
   Large imagery, generous white space and a quiet sticky index.
   Scoped to .wd-editorial so SWELL and the archive stay untouched.
   ============================================================ */
.works-detail{background:#f7f7f5;color:#17191d;}
.works-detail #content,.works-detail .l-content,.works-detail .l-mainContent,.works-detail .l-mainContent__inner{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;}
.works-detail .l-container{max-width:none!important;padding:0!important;}
.works-detail .c-pageTitle,.works-detail .p-breadcrumb,.works-detail .l-sidebar{display:none!important;}
.wd-editorial{--wde-paper:#f7f7f5;--wde-white:#fff;--wde-ink:#17191d;--wde-muted:#74777d;--wde-line:#dedfdf;--wde-blue:#315cff;background:var(--wde-paper);color:var(--wde-ink);}
.wd-editorial figure{margin:0;}
.wd-editorial img{display:block;width:100%;height:auto;}

.wd-editorial-hero{position:relative;width:100%;height:100svh;min-height:650px;overflow:hidden;background:#0c0e12;isolation:isolate;}
.wd-editorial-hero__image{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 100% 0);transition:clip-path 1.25s var(--wk-ease);}
.is-w-ready .wd-editorial-hero__image{clip-path:inset(0);}
.wd-editorial-hero__image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,12,.08),rgba(7,9,12,.03) 55%,rgba(7,9,12,.42));pointer-events:none;}
.wd-editorial-hero__image img{width:100%;height:100%;object-fit:cover;transform:scale(1.075);filter:saturate(.92) contrast(1.03);transition:transform 1.8s var(--wk-ease);will-change:transform;}
.is-w-ready .wd-editorial-hero__image img{transform:scale(1);}
.wd-editorial-hero__empty{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:clamp(40px,8vw,130px);background:linear-gradient(135deg,#11141a,#273d8f);color:#fff;}
.wd-editorial-hero__empty span{font-size:12px;letter-spacing:.2em;color:#aebcff;}.wd-editorial-hero__empty strong{max-width:1000px;margin-top:30px;font-size:clamp(42px,8vw,110px);font-weight:600;line-height:1.18;}
.wd-editorial-back{position:absolute;z-index:3;top:clamp(18px,2vw,34px);left:clamp(18px,3.5vw,58px);display:flex;align-items:center;gap:10px;padding:10px 13px;background:rgba(10,12,15,.7);backdrop-filter:blur(10px);color:#fff!important;font-size:11px;letter-spacing:.14em;}
.wd-editorial-back span{transition:transform .35s var(--wk-ease);}.wd-editorial-back:hover span{transform:translateX(-4px);}
.wd-editorial-scroll{position:absolute;z-index:3;left:clamp(22px,4vw,68px);bottom:clamp(22px,3vw,46px);display:flex;align-items:center;gap:16px;color:#fff!important;font-size:10px;letter-spacing:.2em;}
.wd-editorial-scroll i{position:relative;display:block;width:68px;height:1px;overflow:hidden;background:rgba(255,255,255,.42);}
.wd-editorial-scroll i::after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-110%);animation:wkScroll 2.2s ease-in-out infinite;}

.wd-editorial-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(55px,9vw,145px);width:min(1500px,90vw);margin:auto;padding:clamp(80px,10vw,150px) 0 clamp(90px,12vw,180px);background:var(--wde-paper);}
.wd-editorial-intro__title>p:first-child,.wd-editorial-section__head>p,.wd-editorial-other>header>p,.wd-editorial-nav>p{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--wde-muted);}
.wd-editorial-intro__title h1{max-width:950px;margin-top:28px;font-size:clamp(38px,5.1vw,78px);font-weight:600;line-height:1.3;letter-spacing:.02em;text-wrap:balance;}
.wd-editorial-intro__lead{max-width:780px;margin-top:38px;font-size:clamp(16px,1.25vw,18px);font-weight:500;line-height:2;}
.wd-editorial-meta{align-self:end;border-top:1px solid var(--wde-line);}
.wd-editorial-meta>div{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--wde-line);}
.wd-editorial-meta dt{font-size:10px;letter-spacing:.14em;color:#929499;}.wd-editorial-meta dd{font-size:13px;line-height:1.7;}

.wd-editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:clamp(60px,8vw,120px);width:min(1500px,90vw);margin:auto;padding-bottom:clamp(130px,16vw,250px);}
.wd-editorial-content{min-width:0;max-width:1180px;}
.wd-editorial-nav{position:sticky;top:calc(var(--swl-headerH,80px) + 40px);align-self:start;padding-top:3px;}
.wd-editorial-nav>p{padding-bottom:18px;border-bottom:1px solid var(--wde-line);}
.wd-editorial-nav li{border-bottom:1px solid var(--wde-line);}
.wd-editorial-nav a{position:relative;display:grid;grid-template-columns:28px 1fr;gap:10px;padding:14px 0;color:#9a9b9d!important;font-size:11px;line-height:1.55;transition:color .3s ease,transform .35s var(--wk-ease);}
.wd-editorial-nav a::before{content:"";position:absolute;left:-13px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--wde-blue);opacity:0;transform:translateY(-50%) scale(0);transition:opacity .3s,transform .35s var(--wk-ease);}
.wd-editorial-nav a span{font-size:10px;color:#b1b2b5;}.wd-editorial-nav a:hover,.wd-editorial-nav a.is-active{color:var(--wde-ink)!important;transform:translateX(3px);}.wd-editorial-nav a.is-active::before{opacity:1;transform:translateY(-50%) scale(1);}

.wd-editorial-section{padding:clamp(85px,10vw,150px) 0;scroll-margin-top:calc(var(--swl-headerH,80px) + 24px);border-top:1px solid var(--wde-line);}
.wd-editorial-section:first-child{padding-top:0;border-top:0;}
.wd-editorial-section__head{display:flex;align-items:baseline;gap:clamp(24px,4vw,60px);margin-bottom:clamp(45px,6vw,80px);}
.wd-editorial-section__head>p{display:flex;align-items:center;gap:12px;white-space:nowrap;}.wd-editorial-section__head>p span{color:var(--wde-blue);}
.wd-editorial-section__head h2{font-size:clamp(30px,3.4vw,52px);font-weight:500;line-height:1.4;letter-spacing:.02em;}
.wd-editorial-summary__text{max-width:920px;font-size:clamp(15px,1.2vw,17px);line-height:2.5;color:#55585e;}
.wd-editorial-wide-image{margin-top:clamp(60px,8vw,110px);overflow:hidden;background:#e5e5e2;}
.wd-editorial-wide-image img{aspect-ratio:16/10;object-fit:cover;}

.wd-editorial-deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(35px,4vw,65px) 18px;}
.wd-editorial-deliverables article{min-width:0;}
.wd-editorial-deliverables figure{aspect-ratio:4/3;overflow:hidden;background:#e7e7e3;}
.wd-editorial-deliverables img{height:100%;object-fit:cover;transition:transform .9s var(--wk-ease);}.wd-editorial-deliverables article:hover img{transform:scale(1.035);}
.wd-editorial-deliverables article>p{margin-top:15px;font-size:10px;letter-spacing:.14em;color:var(--wde-blue);}.wd-editorial-deliverables h3{margin-top:7px;font-size:18px;font-weight:600;}.wd-editorial-deliverables span{display:block;margin-top:10px;font-size:13px;line-height:1.85;color:#6f7176;}

.wd-editorial-concept{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);min-height:650px;background:#ece7dc;}
.wd-editorial-concept>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,88px);}
.wd-editorial-concept>div>p:first-child{font-size:10px;letter-spacing:.18em;color:var(--wde-blue);}.wd-editorial-concept h3{margin-top:28px;font-size:clamp(28px,3.3vw,50px);font-weight:500;line-height:1.5;}.wd-editorial-concept>div>p:last-child{margin-top:32px;font-size:14px;line-height:2.2;color:#5d5c59;}
.wd-editorial-concept figure{min-height:540px;overflow:hidden;}.wd-editorial-concept img{height:100%;object-fit:cover;}
.wd-editorial-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(55px,8vw,100px);border-top:1px solid var(--wde-line);}
.wd-editorial-story article{padding:28px 26px 0 0;border-right:1px solid var(--wde-line);}.wd-editorial-story article+article{padding-left:26px;}.wd-editorial-story article:last-child{border-right:0;}
.wd-editorial-story article>p{font-size:10px;letter-spacing:.14em;color:var(--wde-blue);}.wd-editorial-story h3{margin-top:35px;font-size:18px;font-weight:600;}.wd-editorial-story article>div{margin-top:18px;font-size:13px;line-height:2;color:#696b70;}

.wd-editorial-editor{max-width:900px;font-size:15px;line-height:2.2;color:#5d6065;}.wd-editorial-editor>*+*{margin-top:1.6em;}.wd-editorial-editor h2{margin-top:2.5em;font-size:clamp(28px,3.2vw,46px);font-weight:500;line-height:1.5;}.wd-editorial-editor h3{margin-top:2.1em;font-size:clamp(22px,2.2vw,32px);}.wd-editorial-editor a{color:var(--wde-blue)!important;text-decoration:underline;text-underline-offset:4px;}
.wd-editorial-gallery{display:grid;gap:clamp(18px,2vw,30px);margin-top:clamp(55px,7vw,100px);}.wd-editorial-gallery figure{overflow:hidden;background:#e7e7e3;}.wd-editorial-gallery img{width:100%;height:auto;}
.wd-editorial-site-link{margin-top:clamp(45px,6vw,80px);}.wd-editorial-site-link a{display:flex;justify-content:space-between;align-items:center;padding:22px 2px;border-block:1px solid var(--wde-ink);color:var(--wde-ink)!important;font-size:14px;font-weight:600;}.wd-editorial-site-link i{font-style:normal;font-size:18px;transition:transform .35s var(--wk-ease);}.wd-editorial-site-link a:hover i{transform:translate(4px,-4px);}
.wd-editorial-members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 26px;}.wd-editorial-members article>p{font-size:10px;letter-spacing:.1em;color:#8c8e92;}.wd-editorial-members h3{margin-top:12px;font-size:17px;font-weight:600;}.wd-editorial-members span{display:block;margin-top:6px;font-size:12px;color:#77797e;}

.wd-editorial-other{padding:clamp(95px,12vw,180px) 5vw;background:#fff;border-top:1px solid var(--wde-line);}
.wd-editorial-other>header,.wd-editorial-other__grid,.wd-editorial-all{width:min(1500px,100%);margin-inline:auto;}
.wd-editorial-other>header h2{margin-top:18px;font-size:clamp(32px,4.5vw,68px);font-weight:500;}
.wd-editorial-other__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4vw,65px);margin-top:clamp(50px,6vw,90px);}
.wd-editorial-other__grid a{color:var(--wde-ink)!important;}.wd-editorial-other__grid figure{aspect-ratio:4/3;overflow:hidden;background:#e8e8e4;}.wd-editorial-other__grid img{height:100%;object-fit:cover;filter:saturate(.8);transition:transform .9s var(--wk-ease),filter .5s ease;}.wd-editorial-other__grid a:hover img{transform:scale(1.045);filter:saturate(1);}.wd-editorial-other__grid p{margin-top:17px;font-size:10px;letter-spacing:.13em;color:var(--wde-blue);}.wd-editorial-other__grid h3{margin-top:8px;font-size:18px;font-weight:600;line-height:1.6;}
.wd-editorial-all{display:flex;justify-content:space-between;margin-top:clamp(55px,7vw,95px);padding:20px 0;border-block:1px solid var(--wde-ink);color:var(--wde-ink)!important;font-size:14px;font-weight:600;}

html.js .wd-editorial [data-reveal]{opacity:0;transform:translate3d(0,42px,0);filter:none;transition:opacity .75s ease,transform 1s var(--wk-ease);}
html.js .wd-editorial [data-reveal="image"]{transform:none;clip-path:inset(0 0 100% 0);transition:clip-path 1.15s var(--wk-ease);}
html.js .wd-editorial [data-reveal].is-in{opacity:1;transform:none;clip-path:inset(0);}

@media (max-width:1024px){
  .wd-editorial-intro{grid-template-columns:1fr;gap:55px;}.wd-editorial-meta{max-width:680px;}
  .wd-editorial-layout{grid-template-columns:1fr;}.wd-editorial-nav{display:none;}
  .wd-editorial-content{max-width:none;}.wd-editorial-concept{grid-template-columns:1fr;}.wd-editorial-concept figure{height:65svh;}.wd-editorial-story{grid-template-columns:1fr;}.wd-editorial-story article,.wd-editorial-story article+article{padding:26px 0;border-right:0;border-bottom:1px solid var(--wde-line);}.wd-editorial-story article:last-child{border-bottom:0;}
}
@media (max-width:1100px){
  .daiweb-global-header{top:12px;width:calc(100% - 24px);height:64px;padding:0 13px 0 18px;}.admin-bar .daiweb-global-header{top:calc(46px + 12px)}
  .daiweb-global-header__logo img{width:145px}.daiweb-global-toggle{display:block}
  .daiweb-global-nav{position:absolute;top:calc(100% + 8px);right:0;left:0;display:grid;gap:0;padding:14px 18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:rgba(12,14,18,.97);box-shadow:0 28px 55px -30px rgba(0,0,0,.85);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .3s ease,visibility .3s}
  .daiweb-global-nav a{padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px}.daiweb-global-nav a::after{display:none}.daiweb-global-nav__contact{margin-top:12px;border-bottom:0!important}
  .daiweb-global-header.is-menu-open .daiweb-global-nav{visibility:visible;opacity:1;transform:none}.daiweb-global-header.is-menu-open .daiweb-global-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.daiweb-global-header.is-menu-open .daiweb-global-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
}
@media (max-width:680px){
  .works-detail .wd-editorial-hero{width:100vw!important;height:auto!important;min-height:0!important;overflow:hidden;}
  .works-detail .wd-editorial-hero__image{position:relative!important;inset:auto!important;width:100vw!important;height:auto!important;clip-path:none!important;}
  .works-detail .wd-editorial-hero__image img{display:block!important;width:100vw!important;max-width:none!important;height:auto!important;object-fit:contain!important;object-position:center!important;transform:none!important;}
  .wd-editorial-intro,.wd-editorial-layout{width:88vw;}.wd-editorial-intro{padding:72px 0 95px;}.wd-editorial-intro__title h1{font-size:36px;}.wd-editorial-intro__lead{margin-top:28px;font-size:16px;}.wd-editorial-meta>div{grid-template-columns:78px 1fr;}
  .wd-editorial-section{padding:82px 0;}.wd-editorial-section__head{display:block;margin-bottom:42px;}.wd-editorial-section__head h2{margin-top:14px;font-size:30px;}
  .wd-editorial-summary__text{font-size:15px;line-height:2.15;}.wd-editorial-wide-image{margin-top:48px;margin-inline:-6vw;}.wd-editorial-wide-image img{aspect-ratio:4/3;}
  .wd-editorial-deliverables{grid-template-columns:1fr;gap:45px;}.wd-editorial-concept{margin-inline:-6vw;}.wd-editorial-concept>div{padding:64px 6vw;}.wd-editorial-concept figure{height:58svh;min-height:420px;}.wd-editorial-concept h3{font-size:30px;}
  .wd-editorial-gallery{margin-inline:-6vw;gap:8px;}.wd-editorial-members{grid-template-columns:1fr 1fr;}.wd-editorial-other{padding-inline:6vw;}.wd-editorial-other__grid{grid-template-columns:1fr;gap:48px;}
  .wd-editorial-back{top:14px;left:14px;}.wd-editorial-scroll{left:20px;bottom:22px;}.works-detail .float-ctas{display:none!important;}
  .daiweb-global-footer__inner{grid-template-columns:1fr;gap:52px}.daiweb-global-footer nav{grid-template-columns:1fr}.daiweb-global-footer__bottom{display:grid;gap:12px}.admin-bar .daiweb-global-header{top:calc(46px + 8px)}
}
@media (prefers-reduced-motion:reduce){
  .wd-editorial-hero__image,.wd-editorial-hero__image img,html.js .wd-editorial [data-reveal],html.js .wd-editorial [data-reveal="image"]{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important;animation:none!important;}
}

/* 2026-08 movie production showcase */
.wa-movie{
  position:relative;
  overflow:hidden;
  padding:clamp(105px,13vw,190px) 0;
  background:#0b0d11;
  color:#fff;
}
.wa-movie::before{
  content:"";
  position:absolute;
  top:0;
  left:5vw;
  width:90vw;
  height:1px;
  background:linear-gradient(90deg,#315cff 0 12%,rgba(255,255,255,.15) 12%);
}
.wa-movie-inner{position:relative;width:min(1500px,90vw);margin:auto;}
.wa-movie-head{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
  gap:clamp(50px,8vw,140px);
  align-items:end;
}
.wa-movie-head>div:first-child>p{
  font-family:var(--en);
  font-size:var(--fs-label,.67rem);
  font-weight:600;
  letter-spacing:.22em;
  color:#91a7ff;
}
.wa-movie-head h2{
  max-width:900px;
  margin-top:24px;
  font-size:clamp(2.6rem,5.2vw,5.2rem);
  font-weight:500;
  line-height:1.28;
  letter-spacing:.02em;
  text-wrap:balance;
}
.wa-movie-intro>p{
  max-width:580px;
  font-size:clamp(.86rem,1vw,.98rem);
  line-height:2.2;
  color:rgba(255,255,255,.64);
}
.wa-movie-intro>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  max-width:580px;
  margin-top:32px;
  padding:18px 2px;
  border-block:1px solid rgba(255,255,255,.32);
  color:#fff;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.04em;
  transition:border-color .3s ease,color .3s ease;
}
.wa-movie-intro>a span{font-size:1rem;transition:transform .4s var(--wk-ease);}
.wa-movie-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,3vw,48px);
  margin-top:clamp(70px,9vw,125px);
}
.wa-movie-item{min-width:0;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);}
.wa-movie-player{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#050608;
  box-shadow:0 32px 70px -52px rgba(75,108,255,.68);
}
.wa-movie-player video,.wa-movie-player iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  object-fit:cover;
  background:#050608;
}
.wa-movie-number{
  position:absolute;
  z-index:2;
  top:14px;
  left:14px;
  padding:7px 10px;
  background:rgba(5,6,8,.72);
  backdrop-filter:blur(8px);
  color:#fff;
  font-family:var(--en);
  font-size:.58rem;
  letter-spacing:.16em;
  pointer-events:none;
}
.wa-movie-item>p{
  margin-top:22px;
  font-family:var(--en);
  font-size:.6rem;
  letter-spacing:.16em;
  color:#91a7ff;
}
.wa-movie-item h3{
  margin-top:12px;
  font-size:clamp(1.4rem,2.2vw,2.15rem);
  font-weight:500;
  line-height:1.5;
  letter-spacing:.02em;
}
@media (hover:hover){
  .wa-movie-intro>a:hover{border-color:#91a7ff;color:#b7c4ff;}
  .wa-movie-intro>a:hover span{transform:translateX(6px);}
}
@media (max-width:900px){
  .wa-movie-head{grid-template-columns:1fr;gap:38px;}
  .wa-movie-intro>p,.wa-movie-intro>a{max-width:700px;}
  .wa-movie-head h2{font-size:clamp(2.45rem,8vw,4.7rem);}
}
@media (max-width:680px){
  .wa-movie{padding:92px 0 105px;}
  .wa-movie-inner{width:88vw;}
  .wa-movie-head h2{font-size:clamp(2.15rem,10.5vw,3rem);line-height:1.35;}
  .wa-movie-intro>p{font-size:.86rem;line-height:2.05;}
  .wa-movie-grid{grid-template-columns:1fr;gap:60px;margin-top:70px;}
  .wa-movie-item h3{font-size:1.45rem;}
}