/* Project storytelling in SCG colours on light canvases. */
.lp-project-page,.lp-project-page main{background:#f4f4ef;color:#0a0a0a}.lp-wrap{width:calc(100% - clamp(40px,10vw,176px));max-width:1440px;margin-inline:auto}.lp-hero{padding:125px 0 0;text-align:center}.lp-back{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;font-size:11px;color:#62665c;margin-bottom:48px}.lp-back svg{transform:rotate(180deg);width:15px;height:15px}.lp-hero .sec-no{color:#5b6450;font-size:9px}.lp-hero__brand{font-size:clamp(18px,2vw,27px);font-weight:600;letter-spacing:-.025em;margin:30px 0 16px}.lp-hero h1{font-size:clamp(58px,8.3vw,126px);font-weight:760;line-height:.98;letter-spacing:-.065em}.lp-hero h1 em,.lp-cta h2 em{font-style:normal;color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:.09em;text-underline-offset:.065em}.lp-hero__intro{max-width:57ch;margin:34px auto 0;font-size:clamp(17px,1.7vw,23px);line-height:1.5;color:#555b4e}.lp-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin:30px 0 54px}.lp-actions .btn,.lp-text-link{display:inline-flex;align-items:center;gap:16px}.lp-text-link{font-size:12px;font-weight:600}.lp-hero__stage{overflow:hidden;border-radius:24px;background:#ebe8de}.lp-hero__stage .lp-visual{aspect-ratio:1.75}.lp-hero__stage img{object-fit:cover;object-position:center 48%}
.lp-visual{position:relative;display:block;min-width:0;overflow:hidden;isolation:isolate;cursor:zoom-in;background:#eae9e1}.lp-visual>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s var(--ease)}.lp-visual:hover>img{transform:scale(1.018)}.lp-visual__zoom{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:36px;height:36px;background:#0a0a0ae8;color:var(--lime);border-radius:50%;z-index:2}.lp-visual:hover .lp-visual__zoom{background:var(--lime);color:var(--ink)}.lp-visual:focus-visible,.home-flagship:focus-visible{outline:3px solid #6b861f;outline-offset:5px}.lp-project-nav{position:sticky;top:76px;z-index:25;background:#f4f4eff2;backdrop-filter:blur(18px);border-block:1px solid #d4d8ca;margin-top:40px}.lp-project-nav>.lp-wrap{display:flex;align-items:center;gap:32px;min-height:65px}.lp-project-nav b{font-size:16px;letter-spacing:-.035em;flex-shrink:0}.lp-project-nav .lp-wrap>div{display:flex;align-items:center;gap:23px;overflow-x:auto;scrollbar-width:none;min-width:0}.lp-project-nav a{flex-shrink:0;font-size:11px;line-height:1.4;min-height:58px;display:inline-flex;align-items:center;color:#535b48}.lp-project-nav a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:#8dad30;text-underline-offset:7px}.lp-project-nav a:focus-visible{outline:2px solid #6b861f;outline-offset:-2px}
.lp-scope{padding:110px 0 105px;text-align:center;scroll-margin-top:155px}.lp-scope .sec-no{color:#687052;font-size:10px}.lp-scope h2{font-size:clamp(34px,4.1vw,61px);line-height:1.08;letter-spacing:-.05em;max-width:22ch;margin:22px auto}.lp-scope>.lp-wrap>p:not(.sec-no):not(.lp-source-note){font-size:19px;line-height:1.65;max-width:63ch;margin:auto;color:#5a6251}.lp-scope ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:35px auto 26px;max-width:850px}.lp-scope li a{display:block;border:1px solid #cbd2be;padding:9px 15px;border-radius:30px;font-size:11px}.lp-scope li a:hover{background:var(--lime);border-color:var(--lime)}.lp-source-note{font:9px/1.7 var(--mono);color:#717961}
.lp-chapter{padding:110px 0 115px;scroll-margin-top:145px;background:#fafbf7;border-top:1px solid #e0e3d8}.lp-chapter--dark{background:#eceee7}.lp-heading{margin-bottom:50px;max-width:930px}.lp-heading .sec-no{font-size:10px;color:#5e6b4c}.lp-heading h2,.lp-crm h2{font-size:clamp(43px,6.2vw,91px);line-height:1.02;letter-spacing:-.057em;margin:22px 0 26px;font-weight:750;max-width:18ch}.lp-heading>p:last-child{font-size:clamp(17px,1.6vw,22px);line-height:1.55;color:#626959;max-width:58ch}.lp-feature,.lp-product-stage,.lp-textile-detail{border-radius:22px;overflow:hidden;background:#e5e6de}.lp-feature .lp-visual{aspect-ratio:1.55}.lp-feature--wide .lp-visual{aspect-ratio:1.6}.lp-feature--wide img{object-fit:cover}.lp-feature--web{border:1px solid #d3d8c7;box-shadow:0 30px 70px -50px #192a1450}.lp-feature--web .lp-visual{aspect-ratio:16/9}.lp-feature--web img{object-fit:cover;object-position:top}.lp-event-stage{display:grid;grid-template-columns:1.45fr .65fr;align-items:center;gap:32px}.lp-chapter figure{margin:0;min-width:0}.lp-event-stage .lp-visual{border-radius:20px;aspect-ratio:1.1;background:#f9faf6}.lp-event-stage>figure:last-child .lp-visual{aspect-ratio:.58;background:#f3f0e6}.lp-chapter figcaption{font-size:12px;line-height:1.5;color:#5f6754;margin-top:14px;font-weight:500}.lp-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lp-duo .lp-visual{border-radius:20px;aspect-ratio:1.3;background:#e9e1d1}.lp-textile-detail{margin-top:50px}.lp-textile-detail .lp-visual{aspect-ratio:1.8}.lp-textile-detail img{object-fit:cover;object-position:center 36%}.lp-editorial{display:grid;grid-template-columns:1.25fr .65fr;align-items:center;gap:clamp(35px,7vw,100px)}.lp-editorial .lp-visual{border-radius:16px;aspect-ratio:1.35}.lp-editorial figure:last-child .lp-visual{aspect-ratio:210/297;box-shadow:0 25px 45px -25px #1d281d80;border-radius:4px}.lp-product-stage .lp-visual{aspect-ratio:1.65;background:#ece9de}.lp-product-stage img{object-fit:cover}.lp-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:65px}.lp-social .lp-visual{aspect-ratio:4/5;border-radius:12px}.lp-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,28vw,350px);gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:0 3px 24px;margin:58px -3px 0;scrollbar-color:#a7b38e transparent;scrollbar-width:thin}.lp-rail figure{scroll-snap-align:start}.lp-rail .lp-visual{aspect-ratio:1.1;border-radius:17px;background:#e3e5da}.lp-rail .lp-visual__zoom{width:30px;height:30px;right:12px;bottom:12px}.lp-rail .lp-visual__zoom svg{width:16px;height:16px}.lp-crm{background:#fafbf7!important;color:var(--ink);padding:110px 0!important;scroll-margin-top:145px}.lp-crm .sec-no{color:#5e6b4c}.lp-crm .case-gallery__intro{color:#626959;font-size:20px;max-width:56ch}.lp-crm .case-demo-note{color:#727b62}.lp-crm .case-screen{background:#f3f5ec;border-color:#ccd4bf;border-radius:16px}.lp-crm .case-screen>span{color:var(--ink)}.lp-crm .case-screen b,.lp-crm .case-screen i{color:#61772a}.lp-cta{padding:120px 0;background:#e6e9dc;color:var(--ink);text-align:center}.lp-cta h2{font-size:clamp(40px,5.6vw,82px);line-height:1.04;letter-spacing:-.055em}.lp-cta p{max-width:55ch;font-size:18px;color:#59614e;line-height:1.6;margin:30px auto}.lp-cta .btn{gap:18px}.lp-project-page .case-related{background:#f4f4ef;color:var(--ink)}.lp-project-page .case-related a{border-color:#ccd3bf}.lp-project-page .case-related .sec-no{color:#64734c}.lp-project-page .case-related a:hover{color:#60771c}
/* The home retains its existing dark SCG portfolio. */
.home-flagship{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.35fr);margin-bottom:30px;min-height:510px;overflow:hidden;background:#11160d;border:1px solid #38432b;position:relative}.home-flagship__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,4vw,60px);position:relative;z-index:2}.home-flagship__copy .sec-no{font-size:8px;line-height:1.7;color:#b7c69f;max-width:35ch}.home-flagship__copy h3{font-size:clamp(36px,4.2vw,65px);line-height:1.02;letter-spacing:-.055em;color:#f4f4ef;margin:30px 0 24px}.home-flagship__copy>p{font-size:15px;line-height:1.7;color:#b7c0a9;max-width:38ch}.home-flagship__link{display:inline-flex;align-items:center;gap:16px;background:var(--lime);color:var(--ink);padding:12px 17px;border-radius:30px;font-size:11px;font-weight:600;margin-top:30px}.home-flagship__scene{position:relative;display:block;min-width:0;min-height:510px;overflow:hidden;background:#e7e1d3;isolation:isolate}.home-flagship__main{position:absolute;inset:0}.home-flagship__main img{width:100%;height:100%;object-fit:cover;object-position:center}.home-flagship__shirt,.home-flagship__product{position:absolute;display:block;bottom:-4%;width:42%;height:42%;box-shadow:0 15px 35px #0005;border:4px solid #e8e8df;border-radius:7px;overflow:hidden;z-index:2;transition:translate .4s var(--ease)}.home-flagship__shirt{left:3%;transform:rotate(-7deg)}.home-flagship__product{right:-2%;transform:rotate(8deg)}.home-flagship__shirt img,.home-flagship__product img{width:100%;height:100%;object-fit:cover}.home-flagship:hover .home-flagship__shirt{translate:0 -4px}.home-flagship:hover .home-flagship__product{translate:0 -7px}.project-showcase.lp-other-projects{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-other-projects .pf__desc{font-size:13px}.lp-other-projects .pf__title{font-size:clamp(22px,2.1vw,28px)}
@media(max-width:1050px){.lp-project-nav b{display:none}.lp-project-nav .lp-wrap>div{width:100%}.home-flagship{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.home-flagship__copy{padding:30px}.home-flagship__copy h3{font-size:40px}.home-flagship,.home-flagship__scene{min-height:470px}.project-showcase.lp-other-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.lp-wrap{width:calc(100% - 40px)}.lp-hero{padding-top:105px}.lp-back{margin-bottom:40px}.lp-hero h1{font-size:clamp(49px,11.2vw,76px);line-height:1.01;letter-spacing:-.055em}.lp-hero__brand{margin-top:24px;font-size:20px}.lp-hero__intro{font-size:16px;line-height:1.6;margin-top:27px}.lp-actions{gap:22px;margin:27px 0 36px;flex-wrap:wrap}.lp-actions .btn{padding:14px 20px;font-size:11px}.lp-text-link{font-size:11px}.lp-hero__stage{border-radius:15px}.lp-hero__stage .lp-visual{aspect-ratio:1.2}.lp-visual__zoom{width:31px;height:31px;right:12px;bottom:12px}.lp-project-nav{top:70px;margin-top:28px}.lp-project-nav>.lp-wrap{min-height:55px}.lp-project-nav a{min-height:53px;font-size:10px}.lp-scope{padding:65px 0;scroll-margin-top:135px}.lp-scope h2{font-size:34px}.lp-scope>.lp-wrap>p:not(.sec-no):not(.lp-source-note){font-size:16px}.lp-scope ul{margin:27px 0 22px;gap:7px}.lp-scope li a{font-size:10px;padding:8px 11px}.lp-source-note{font-size:8px}.lp-chapter{padding:65px 0;scroll-margin-top:130px}.lp-heading{margin-bottom:32px}.lp-heading h2,.lp-crm h2{font-size:clamp(39px,9.4vw,64px);margin:19px 0 22px}.lp-heading>p:last-child{font-size:16px;line-height:1.6}.lp-feature,.lp-product-stage,.lp-textile-detail{border-radius:15px}.lp-feature .lp-visual,.lp-feature--wide .lp-visual{aspect-ratio:1.15}.lp-feature--wide img{object-fit:contain}.lp-event-stage,.lp-duo,.lp-editorial{grid-template-columns:minmax(0,1fr);gap:32px}.lp-event-stage>figure:last-child{width:65%;margin:auto}.lp-duo .lp-visual{aspect-ratio:1.35}.lp-textile-detail{margin-top:34px}.lp-textile-detail .lp-visual,.lp-product-stage .lp-visual{aspect-ratio:1.1}.lp-textile-detail img,.lp-product-stage img{object-fit:contain}.lp-editorial figure:last-child{width:74%;max-width:380px;margin:auto}.lp-rail{grid-auto-columns:75vw;gap:17px;margin-top:36px}.lp-rail figcaption{font-size:11px}.lp-feature--web .lp-visual{aspect-ratio:16/10}.lp-social{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:17px;margin-top:36px;padding-bottom:16px}.lp-social figure{flex:0 0 76%;scroll-snap-align:start}.lp-crm{padding:65px 0!important;scroll-margin-top:130px}.lp-crm .case-gallery__intro{font-size:16px}.lp-cta{padding:75px 0}.lp-cta p{font-size:16px}.home-flagship{grid-template-columns:minmax(0,1fr);min-height:0}.home-flagship__copy{padding:30px 25px 35px}.home-flagship__copy h3{font-size:43px;margin:22px 0}.home-flagship__copy>p{font-size:14px;max-width:43ch}.home-flagship__scene{min-height:360px;grid-row:1}.home-flagship__link{margin-top:25px}.project-showcase.lp-other-projects{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.lp-visual>img,.home-flagship__shirt,.home-flagship__product{transition:none}.lp-visual:hover>img{transform:none}.home-flagship:hover .home-flagship__shirt,.home-flagship:hover .home-flagship__product{translate:none}}

/* Two current social examples after removing the obsolete book creative. */
.lp-project-page .lp-social{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.lp-project-page .lp-social{grid-template-columns:1fr}}