/* Little Sea: local editorial layout using the portfolio's type and breakpoint. */
.little-sea{--sea-sand:#e6dfd3;--sea-stone:#e6e7e0;--sea-soft:#eeebe4}
.little-sea figure{margin:0;min-width:0}
.little-sea img{display:block;width:100%;height:auto}
.little-sea figcaption{font-size:12px;line-height:1.5;color:var(--muted);letter-spacing:.045em}
.little-sea .sea-hero{display:grid;grid-template-columns:4fr 7fr;align-items:center;gap:5vw;padding:65px 0 85px}
.little-sea .case-header{padding:0}
.little-sea .case-header h1{font-size:clamp(55px,7vw,120px);margin-bottom:28px}
.little-sea .sea-intro{font-size:16px;line-height:1.75;max-width:400px;margin:0}
.little-sea .sea-hero-image{background:var(--sea-stone)}
.little-sea .sea-hero-image img{mix-blend-mode:multiply}
.little-sea .sea-band{margin:0 -4vw;padding:75px 4vw 85px}
.little-sea .sea-development{background:var(--sea-sand)}
.little-sea .section-heading{grid-template-columns:1.1fr 1fr;gap:8vw;margin-bottom:45px}
.little-sea .section-heading h2{font-size:clamp(30px,3.4vw,50px);line-height:1.12}
.little-sea .section-heading p{max-width:470px}
.little-sea .sea-studies{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;position:relative;padding:25px 2vw 65px;isolation:isolate}
.little-sea .sea-studies:before{content:'';position:absolute;inset:15% 0 4% 35%;background:#efebe3;z-index:-1}
.little-sea .sea-hand-sketches{grid-column:1/5;grid-row:1;margin-top:75px;transform:rotate(-3deg)}
.little-sea .sea-silhouettes{grid-column:6/13;grid-row:1;transform:rotate(2deg)}
.little-sea .sea-studies img{mix-blend-mode:multiply}
.little-sea .sea-studies figcaption{margin-bottom:15px}
.little-sea .sea-set{padding:85px 0}
.little-sea .sea-objects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:50px;align-items:start}
.little-sea .sea-fish-spoon{grid-column:1/9}
.little-sea .sea-whale-knife{grid-column:4/13}
.little-sea .sea-squid-fork{grid-column:1/10}
.little-sea .sea-photo{background:var(--sea-soft)}
.little-sea .sea-whale-knife .sea-photo{background:var(--sea-stone)}
.little-sea .sea-squid-fork .sea-photo{background:var(--sea-sand)}
.little-sea .sea-photo img{mix-blend-mode:multiply}
.little-sea .sea-objects figcaption{margin-top:14px}
.little-sea .sea-closing{background:var(--sea-soft)}
.little-sea .sea-closing p{font-size:clamp(24px,3vw,42px);line-height:1.3;letter-spacing:-.8px;max-width:850px;margin:0 0 0 auto}
.little-sea .case-bottom{border-top:0}
@media(max-width:700px){.little-sea .sea-hero{grid-template-columns:1fr;gap:30px;padding:45px 0 55px}.little-sea .case-header h1{font-size:clamp(55px,12vw,80px)}.little-sea .sea-intro{max-width:100%;font-size:15px}.little-sea .sea-band{margin:0 -5vw;padding:50px 5vw}.little-sea .section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.little-sea .sea-studies{padding:15px 3vw 30px}.little-sea .sea-hand-sketches{grid-column:1/8;margin-top:0}.little-sea .sea-silhouettes{grid-column:3/13;grid-row:2;margin-top:35px}.little-sea .sea-studies:before{inset:40% 0 0 15%}.little-sea .sea-set{padding:55px 0}.little-sea .sea-objects{gap:35px}.little-sea .sea-fish-spoon,.little-sea .sea-squid-fork{grid-column:1/12}.little-sea .sea-whale-knife{grid-column:2/13}.little-sea .sea-closing p{font-size:26px}}

/* A compact form note; final objects remain the focus. */
.little-sea .sea-development{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.42fr);gap:8vw;align-items:center;padding-top:45px;padding-bottom:45px;background:var(--sea-soft)}
.little-sea .sea-development .section-heading{display:block;margin:0}
.little-sea .sea-development h2{font-size:28px;line-height:1.2;margin-bottom:20px}
.little-sea .sea-development p{font-size:16px;line-height:1.7;max-width:490px}
.little-sea .sea-development .sea-silhouettes{grid-column:auto;grid-row:auto;transform:none;margin:0;max-width:270px;justify-self:center}
.little-sea .sea-development .sea-silhouettes img{mix-blend-mode:multiply}
@media(max-width:700px){.little-sea .sea-development{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:35px}.little-sea .sea-development .sea-silhouettes{width:55%;max-width:210px;justify-self:end}.little-sea .sea-development h2{font-size:26px}}

.little-sea .sea-development{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
.little-sea .sea-development .sea-silhouettes{width:100%;max-width:520px}
@media(max-width:700px){.little-sea .sea-development{grid-template-columns:1fr}.little-sea .sea-development .sea-silhouettes{width:85%;max-width:420px}}